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

您的问题是您用于打开对话框的链接实际上是在对话框中。将锚移动到div之外。

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

</div>

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

Answer 2

添加返回false;到click事件处理程序的末尾，以避免在处理对话框创建后重新加载页面

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

使用jQuery UI消除带有模态消息的元素

2 个答案: