双击表格行时的引导弹出窗口答案

【问题标题】：Bootstrap popup when double click a table row双击表格行时的引导弹出窗口
【发布时间】：2015-02-07 13:54:02
【问题描述】：

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

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

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

【问题讨论】：

Element.addEventListener("dblclick" function(){ ...load bootstrap modal here... }, false) 其中 element 是您的表格行。
@Mouser- 谢谢你的回答。 “...在此处加载引导模式...”部分是什么意思？
你需要用代码调用那里的模式对话框。否则当你双击表格行时什么也不会发生。
@Mouser - 非常感谢

【解决方案1】：

试试这个代码：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

在表格行上绑定双击事件并在其回调中触发引导模式的“显示”。

应该是--

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

【讨论】：