双击表格行时弹出Bootstrap

时间:2015-02-07 13:54:02

标签: javascript jquery ajax html5 twitter-bootstrap-3

我有一个使用此代码的引导程序弹出框。

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

它没有任何问题。现在,当用户双击同一页面中的表行时,我需要执行相同的操作(出现相同的弹出窗口)。我怎么能这样做?

3 个答案:

答案 0 :(得分:4)

试试这段代码:

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

由于modal已经被按钮(data-target="#addModal")上的数据属性初始化,您只需要绑定dblclick事件并使用.modal('show')方法显示模态。

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

答案 1 :(得分:2)

在表格行上绑定双击事件,并在其回调中触发bootstrap模式的“show”。

应该是 -

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

答案 2 :(得分:1)

这应该工作:)听双击,然后触发模态manualy。

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

来源:http://getbootstrap.com/javascript/#modals