我正在尝试通过双击表行来打开 Jquery ui 模式。
现在我用按钮打开模态:
$('button.adminModal').on("click", function (event) { loadDialog(this, event, '#adminPanel'); });
函数 loadDialog 使用给定的 href 打开模式。
如何通过双击表格行来打开模式?
我尝试在标签中使用 ondblclick 事件,但没有成功。
加载对话框函数:
function loadDialog(tag, event, target) {
event.preventDefault();
var $loading = $('');
var $url = $(tag).attr('href');
var $title = $(tag).attr('title');
var $dialog = $('<div></div>');
$dialog.empty();
$dialog
.append($loading)
.load($url)
.dialog({
autoOpen: false
, title: $title
, width: 500
, modal: true
, minHeight: 200
, show: 'fade'
});
};
最佳答案
这段代码似乎工作正常(参见 jsfiddle http://jsfiddle.net/darevskaya/NEbJV/ ):
$( "tr" ).on("dblclick", function(event) { loadDialog(this, event, '#adminPanel'); });
但是,如果在添加事件后动态添加行,则它将不起作用。
在这种情况下,事件委托(delegate)可以提供帮助:
$( "table" ).on("dblclick", "tr", function(event) { loadDialog(this, event, '#adminPanel'); });
关于javascript - Jquery Ui 模式打开双击行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25014419/