Jquery对话框只打开一次

Question

所有- 我知道有人问过这个问题，但以前的解决方案似乎不适用于我的情况。

我有一个简单的表，每行有许多记录，最后一列是删除超链接。我正在尝试使用对话框弹出并确认删除。如果我使用对话框所在的 div 的显式名称（我将它正好定位在表格所在的 div 上方的一个 div 上），这将非常有效。我首先使用破坏，这似乎解决了“只打开一次”问题，只要我命名对话框 div。我正在尝试通用化代码，因此我宁愿避免明确命名对话框所在的 div，而是参考 prev div。这第一次有效，但随后的点击无效：

<code>
   $(".deleteLinkDiag a").livequery('click',function() {

    var myParent = $(this).parents("div:eq(0)"); //container div to be replaced
    var myDiag   = $(myParent).prev("div");     //one div before container div
    var urlLoad = $(this).attr("href");
    $(myDiag).dialog('destroy');
    $(myDiag).dialog({ 
            bgiframe: true,
            resizable: false,
            height:140,
            modal: true,
            autoOpen: false,
            overlay: {
                backgroundColor: '#000',
                opacity: 0.5
            },
            buttons: {
                    "Confirmz":function() 
                    { 
                        myParent.load(urlLoad, function() { });
                        $(this).dialog("close");
                     },
                    Cancel: function() 
                    {  
                        $(this).dialog("close");
                    }
            },
            //close: function(ev, ui) { $(this).dialog('destroy');}
      });
     $(myDiag).dialog('open');
return false;
});
</code>

有什么想法吗？

Answer 1

好的，所以希望这会帮助别人。我实际上遇到了两个问题：

1. 如果您不销毁 dialog()，那么它就不会以旧名称真正存在于 DOM 中。这就是为什么第二次总是未定义的原因。
2. 即使您确实销毁了对话框，您仍然找不到它。这是因为当对话框 理论上 将其返回到预初始化状态时，它通过将其放在 DOM 底部的 body 标记之前来实现。因此，它不再位于 "prev" 或 "prevAll" 中。

我只是通过将对话框的名称设置为与调用 div 相同，并附加“Diag”来解决此问题。然后无论 jquery 把它放在哪里，我都可以跟踪它。呼。

$(".deleteLinkDiag a").livequery('click',function() {
            var urlLoad = $(this).attr("href");
            var myParent = $(this).parents("div:eq(0)"); //container div to be replaced
            var myDiag = myParent.attr('id') + 'Diag';
            $("#" + myDiag).dialog({
                    bgiframe: true,
                            resizable: false,
                            height:140,
                            modal: true,
                            autoOpen: false,
                            overlay: {
                                    backgroundColor: '#000',
                                    opacity: 0.5
                            },
                    buttons: {
                                    "Confirm":function()
                                    {
                                            myParent.load(urlLoad, function() { });
                                            $(this).dialog("close");
                                     },
                                    Cancel: function()
                                    {
                                            $(this).dialog("close");
                                    }
                              },
                    close: function(ev, ui) {
                            $(this).dialog("destroy");
                    }
      });
     $("#" + myDiag).dialog('open');
    return false;
    });

Answer 2

问题似乎很可能在于实际对话框 div 没有被正确选择。这（据我了解情况）源于您的错误要求的更大问题。

如果你想引用一个特定的 div，那么你应该引用那个特定的 div。然而，我听到你说你想引用一个特定的 div（它实际上是唯一用作对话框的 div），同时你说你害怕通过 ID 引用该 div。

基本上，如果只有一个 div 用作对话框，那么就接受它并为该 div 命名：

<div id="dialog"/>

.

myDiag = $('#dialog');

这样就不会混淆您是否选择了正确的 div。

但是，如果由于某种原因我所说的不是一个选项，那么您可以在分配 myDiag 的位置在 firebug 中设置断点，这样您就可以看到 myDiag 在执行时实际上是什么。