2013-05-22 54 views
0

我正在尋找jQuery模式彈出窗口應顯示圖像樣本檢查顯示路由號碼等..當我點擊一個路由號碼(?)問號時,它應該彈出一個圖像,應該在右上角有關閉按鈕。我看到了不同的方法,但無法找到確切的一個jquery背景模式彈出

回答

1

退房Bootstrap Modal。點擊Launch demo modal按鈕。

<head>請確保您包含javascript爲jquerybootstrap.js。您可以從bootstrap站點下載bootstrap.js。你也可能想要包括bootstrap.css

一旦你的<head>都設置好了,在你的身體上你需要添加隱藏的模態代碼,你需要添加一個按鈕來顯示模態。按鈕和模式通過id連接在一起。

<!-- Button to trigger modal --> 
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 

<!-- Modal --> 
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    <button class="btn btn-primary">Save changes</button> 
    </div> 
</div> 
+0

我該如何把這段代碼放在jsp頁面中? – user1380678

+0

你能告訴我如何放置代碼並使其可運行。我在尋找你向我展示的完美例子。 – user1380678