Question

我遇到类似于此问题的问题：Prior jQuery UI Dialogs become nonresponsive...。

以下是问题的发生方式：如果我打开一个对话框然后再打开第二个对话框，然后关闭第二个对话框，则第一个对话框中的超链接将不再起作用。

以下是对话框的代码：

<script type="text/javascript">
    $(function()
    {
        $("#PropertyDialog").dialog({
            autoOpen: false,
            modal: true,
            position: ['center',100],
            resizable: false,
            height: 'auto',
            width: 700
        });
    });
    function ShowPropertyDetailsDialog(strPropertyId)
    {
        // set the html of the div
        LoadPropertyDialogHtml(strPropertyId);

        // open the dialog
        $('#PropertyDialog').dialog('open');
    }
</script>

<div id="PropertyDialog" title="Property Details">
</div>

<script type="text/javascript">
    $(function()
    {
        $("#PropertyImageDialog").dialog({
            autoOpen: false,
            modal: true,
            position: ['center',75],
            resizable: false,
            height: 'auto',
            width: 650
        });
    });

    function ShowImageDialog(strTitle, strLinkUrl)
    {
        var dialogDiv = $get("PropertyImageDialog");
        dialogDiv.innerHTML = "<img src='" + strLinkUrl + "' alt='' width='600' />";

        $("#PropertyImageDialog").dialog"option","title",strTitle);

        // open the dialog
        $('#PropertyImageDialog').dialog('open');
    }
</script>

<div id="PropertyImageDialog" title="Property Image">
</div>

LoadPropertyDialogHtml函数与ShowImageDialog的前两行类似 - 设置PropertyDialog div的内容。

我可以使用window.location替换普通链接替换部分链接功能，使用window.open代替新窗口链接，但我想让超链接起作用（我想要明白为什么会发生这种情况。）

Answer 1

您是否可以快速检查一下这个对话之上是否还有其他DIVS？这实际上可能是一个问题。在chrome中，只需右键单击＆gt;对问题div进行“检查”，然后突出显示覆盖/不是你的对话div的东西，那就是问题。

多个jQuery UI对话框和超链接的问题

1 个答案: