Javascript 双击表格行时会弹出引导窗口
我有一个引导弹出框使用此代码Javascript 双击表格行时会弹出引导窗口,javascript,jquery,ajax,html,twitter-bootstrap-3,Javascript,Jquery,Ajax,Html,Twitter Bootstrap 3,我有一个引导弹出框使用此代码 <a class="btn btn-default" data-toggle="modal" data-target="#addModal"> test</a> 测试 它在没有任何问题的情况下工作。现在,当用户双击同一页面中的表行时,我需要执行相同的操作(显示相同的弹出窗口)。我如何才能做到这一点?请尝试以下代码: $('tr').on('dblclick', function() { $('#addModal').modal('
<a class="btn btn-default" data-toggle="modal" data-target="#addModal"> test</a>
测试
它在没有任何问题的情况下工作。现在,当用户双击同一页面中的表行时,我需要执行相同的操作(显示相同的弹出窗口)。我如何才能做到这一点?请尝试以下代码:
$('tr').on('dblclick', function() {
$('#addModal').modal('show');
});
由于模式已经由按钮上的数据属性(data target=“#addModal”
)初始化,您只需绑定dblclick
事件并使用方法显示模式
演示:这应该有效:)听双击,然后手动触发模式
$('.table-row').on('dblclick', function(){
$('#addModal').modal('show')
});
来源:绑定表行上的双击事件,并在其回调中触发引导模式的“显示” 应该是这样的--
Element.addEventListener(“dblclick”function(){…在此加载引导模式…},false)
Where Element是您的表行。@Mouser-谢谢您的回答。你说的“…在这里加载引导模式…”是什么意思?你需要用代码调用那里的模式对话框。否则,当你双击表格行时,什么也不会发生。@Mouser-非常感谢你能帮我回答我的问题吗?
$('tr').dblclick(function(){
$('#addModal').modal('show');
})