正在使用jQuery UI显示带有模式消息的消失元素

Question

有人能帮我理解这里发生了什么吗？我刚开始使用Jquery UI，只要我点击链接并调用函数，链接就会消失？即使在对话框关闭之后？当我删除href中的"javascript:void（0）；"时，对话框会出现一秒钟，甚至不需要等待我关闭它？我是不是错过了什么？我们非常感谢所有的帮助。

$(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

您的问题是用于打开对话框的链接实际上在对话框中。将锚移到潜水器外面。

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

Answer 2

添加一个返回false；到点击事件处理程序的末尾，以避免在处理完对话框创建之后重新加载页面

$(function() 
{
    $(".dialog").click(function() {
    $( "#dialog:ui-dialog" ).dialog( "destroy" );
        $( "#dialog-modal" ).dialog({
            height: 140,
            modal: true,
        });
    });
    return false; //<-- Prevent default event handling
});