2012-11-13 134 views
0

我正在使用Twitter Bootstrap製作一個打開帶按鈕的模式的項目。如果您點擊打開它的相同按鈕,每個模式都會關閉。如果您按下轉義或點擊背景,模式也會關閉。但是,如果您單擊按鈕打開一個模式,然後單擊另一個模式的按鈕,代碼將打開兩個模式。如果任何模式處於打開狀態,則當您單擊頁面上的任何其他位置時(包括其他任何按鈕),我都希望它關閉。不過,我真的迷失了JavaScript。Twitter Bootstrap Closing Modal

+1

我無法複製你描述的內容。你可以發佈你的代碼的一個小例子嗎?也許修改此[jsfiddle](http://jsfiddle.net/pkHtW/)並重新發布它,以便您可以向我們展示您的意思。 –

+0

目前還不清楚你想要做什麼以及Bootstrap不會爲你做什麼。由於單擊頁面上其他任何位置關閉模式,如何單擊按鈕打開另一個模式?第一個是那個按鈕嗎? – vicvicvic

回答

0

你的問題看起來含糊不清,所以我會嘗試觸摸大部分要點,以便你的問題得到解答。

如果你想modal不應該關閉在按下Esc鍵或點擊一些別的地方再試試這個....

<a data-controls-modal="your_div_id" data-backdrop="static" 
data-keyboard="false" href="#"> 

要顯示一個模式。使用這個JavaScript函數裏面:

$('#myModal').modal('show') 

要隱藏模式使用此:

$('#myModal').modal('hide') 

要切換一個模式使用此:

$('#myModal').modal('toggle') 

這些根據您的需要使用,隱藏當你需要的時候可能會在按鈕上點擊一個模式。

我覺得這足以滿足您的任何需求。

如果您無法獲得任何內容,請發表評論。

乾杯!