Bootstrap 双击 table 行时弹出

Question

我有一个使用此代码的 bootstrap 弹出框。

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

它工作正常，没有任何问题。现在，当用户双击同一页面中的 table 行时，我需要做同样的事情（出现相同的弹出窗口）。我该怎么做？

Answer 1

试试这个代码：

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

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

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

Answer 2

这应该有效:) 听双击，然后手动触发模式。

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

Answer 3

在 table 行上绑定双击事件并在其回调中触发 bootstrap 模态的 'show'。

应该是这样的--

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

Bootstrap popup when double click a table row