使用此代碼的引導框彈出框。雙擊表格行時的引導彈出框
<a class="btn btn-default" data-toggle="modal" data-target="#addModal"> test</a>
它工作沒有任何問題。現在我需要做同樣的事情(出現相同的彈出窗口),當用戶雙擊同一頁面中的一個表格行時。我怎樣才能做到這一點?
使用此代碼的引導框彈出框。雙擊表格行時的引導彈出框
<a class="btn btn-default" data-toggle="modal" data-target="#addModal"> test</a>
它工作沒有任何問題。現在我需要做同樣的事情(出現相同的彈出窗口),當用戶雙擊同一頁面中的一個表格行時。我怎樣才能做到這一點?
試試這個代碼:
$('tr').on('dblclick', function() {
$('#addModal').modal('show');
});
由於模式已經由按鈕(data-target="#addModal"
)數據attibutes初始化,你只需要綁定dblclick
事件和顯示模式與.modal('show')
方法。
你能幫我解答我的問題嗎? [CLICK](http://stackoverflow.com/questions/28377882/tumblr-style-userhovercard) – innovation 2015-02-07 15:26:24
這應該工作:)聽雙擊並觸發後莫代爾manualy。
$('.table-row').on('dblclick', function(){
$('#addModal').modal('show')
});
來源:上表中的行,並在其回調引導模式的火「秀」 http://getbootstrap.com/javascript/#modals
綁定雙擊事件。
它應該是這樣的 -
$('tr').dblclick(function(){
$('#addModal').modal('show');
})
'Element.addEventListener( 「DBLCLICK」 功能(){...負荷自舉模態在這裏...},假)'在哪裏元素是你的錶行。 – Mouser 2015-02-07 13:55:46
@ Mouser - 感謝您的回答。 「...在這裏加載引導模式...」部分是什麼意思? – 2015-02-07 13:57:08
那麼你需要用代碼調用那裏的模態對話框。否則當你雙擊表格行時沒有任何反應。 – Mouser 2015-02-07 13:58:41