Question

我试图打开Jquery ui模式，双击表格行。

现在我用按钮打开模态：

    $('button.adminModal').on("click", function (event) { loadDialog(this, event, '#adminPanel'); });

函数loadDialog打开带有给定href的模态。

如何通过双击表格行来打开模态？

我尝试在标记中使用事件ondblclick，但它没有用。

LoadDialog功能：

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

检查这个

<tbody>
       <tr class='clickableRow' >
                        <td>Blah Blah</td>
                        <td>1234567</td>
                        <td>£158,000</td>
        </tr>
</tbody>

jQuery(document).ready(function($) {

    $( ".clickableRow" ).dblclick(function(event) {
    loadDialog(this, event, '#adminPanel');
    });

});

OR

$('#thetable').find('tr').dblclick( function(){

});

Answer 2

此代码似乎工作正常（请参阅jsfiddle http://jsfiddle.net/darevskaya/NEbJV/）：

$( "tr" ).on("dblclick", function(event) { loadDialog(this, event, '#adminPanel'); });

但是，如果在添加事件后动态添加行，则无法正常工作。

在这种情况下，事件委托可以提供帮助：

 $( "table" ).on("dblclick", "tr", function(event) { loadDialog(this, event, '#adminPanel'); });

Jquery Ui模式打开双击行

2 个答案: