javascript - Jquery Ui 模式打开双击行

Question

我正在尝试通过双击表行来打开 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'
                    });
};

Answer 1

这段代码似乎工作正常(参见 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'); });