2015-02-07 21 views
4

使用此代碼的引導框彈出框。雙擊表格行時的引導彈出框

<a class="btn btn-default" data-toggle="modal" data-target="#addModal"> test</a> 

它工作沒有任何問題。現在我需要做同樣的事情(出現相同的彈出窗口),當用戶雙擊同一頁面中的一個表格行時。我怎樣才能做到這一點?

+0

'Element.addEventListener( 「DBLCLICK」 功能(){...負荷自舉模態在這裏...},假)'在哪裏元素是你的錶行。 – Mouser 2015-02-07 13:55:46

+0

@ Mouser - 感謝您的回答。 「...在這裏加載引導模式...」部分是什麼意思? – 2015-02-07 13:57:08

+0

那麼你需要用代碼調用那裏的模態對話框。否則當你雙擊表格行時沒有任何反應。 – Mouser 2015-02-07 13:58:41

回答

4

試試這個代碼:

$('tr').on('dblclick', function() { 
    $('#addModal').modal('show'); 
}); 

由於模式已經由按鈕(data-target="#addModal")數據attibutes初始化,你只需要綁定dblclick事件和顯示模式與.modal('show')方法。

演示:http://plnkr.co/edit/J0SuQdy00dcf9baE7xJu?p=preview

+0

你能幫我解答我的問題嗎? [CLICK](http://stackoverflow.com/questions/28377882/tumblr-style-userhovercard) – innovation 2015-02-07 15:26:24

1

這應該工作:)聽雙擊並觸發後莫代爾manualy。

$('.table-row').on('dblclick', function(){ 
     $('#addModal').modal('show') 
    }); 

來源:上表中的行,並在其回調引導模式的火「秀」 http://getbootstrap.com/javascript/#modals

2

綁定雙擊事件。

它應該是這樣的 -

$('tr').dblclick(function(){ 
$('#addModal').modal('show'); 
})