双击表格行时的 Bootstrap 弹出窗口

Question

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

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

它可以正常工作，没有任何问题。现在，当用户双击同一页面中的表格行时，我需要执行相同的操作（出现相同的弹出窗口）。我怎样才能做到这一点？

Answer 1

试试这个代码：

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

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

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