javascript - 使用 jQuery UI 消失带有模态消息的元素

Question

有人能帮我理解这是怎么回事吗，我刚开始使用 Jquery UI，只要我单击一个链接并调用该函数，链接就会消失？即使在对话框关闭之后？当我删除“javascript:void(0);”时在 href 中，对话框出现了一秒钟，甚至没有等我关闭它？我错过了什么吗？非常感谢所有帮助。

$(function() 
{
    $(".dialog").click(function() {
    $( "#dialog:ui-dialog" ).dialog( "destroy" );
        $( "#dialog-modal" ).dialog({
            height: 140,
            modal: true,
        });
    });
});


<div id="dialog-modal" title="Basic modal dialog">
<a href="javascript:void(0);" class="dialog"><p>Text here</p></a>
</div>

Answer 1

您的问题是您用来打开对话框的链接实际上在对话框内。将 anchor 移到 div 之外。

<div id="dialog-modal" title="Basic modal dialog">

</div>

<a href="javascript:void(0);" class="dialog"><p>Text here</p></a>