2014-10-28 54 views
-2

我想要做的是,而不是創建一個彈出頁面,我想做一個對話框,單擊圖像時出現的信息。 Prefer the same kind of box在一個頁面內創建一個小對話框

+0

你是什麼意思的對話框?你發佈的屏幕截圖看起來像對話框信息 – jasonscript 2014-10-28 03:53:38

+0

是的,對話框信息。當我點擊圖片時,我需要得到它。 – Sooner 2014-10-28 03:54:10

+0

你試過了什麼代碼?你使用jQuery嗎?引導?請提供更多信息 – jasonscript 2014-10-28 03:56:15

回答

1

@sooner您可以使用引導模態,你可以用兩種方式

這個模式彈出內容

<div class="modal" tabindex="-1" id="myModal" role="dialog" aria-labelledby="" aria-hidden="true"> 
... pop up content 
</div> 

1)$('#myModal').modal();(jQuery的調用調用彈出)

2)<button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>

demo and documentation

1

好吧,這只是一個模態窗口。你可以找到圖書館獲得一個模式窗口,你可以使用引導3.

那麼這是一個CSS的唯一的解決方案上述類似的影響: 這是完全響應和使用變換,所以將工作IE9及以上。 這裏的垃圾桶:
http://jsbin.com/caqacokuqa

相關問題