php - 关闭后无法重新打开对话框

Question

这是我的问题...

我有以下 jQuery UI 脚本：

    <script>
$(function() {
    $( "#dialog" ).dialog({
        autoOpen: false,
        show: "slideUp",
        hide: "slideDown",
        height: "300",
        width: "400",
        title: "Test pop-up",
        buttons: {
            "Close": function(){
                $(this).dialog("close");
                    }
                }
            }           
        );

    $( "p.diag").click(function(e) {
        var monUrl = 'test2.php'; 
        $('#dialog').load(monUrl, function(response, status) {
        $('#test_dialog').html(response);
    });
    e.preventDefault();
});

    $( "p.diag").click(function() {
    $( "#dialog" ).dialog("open");
    });

这是一个非常简单的代码，当我单击 p.diag 类时它会正确打开我的对话框，但在我关闭它后它不会重新打开。

test2.php 页面只打印一个带有回显“lol”的“lol”；

这是我的 HTML：

<div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content  ui-widget-content" id="dialog">
  </div>

谢谢 ！

Answer 1

请删除e.preventDefault();

看这个演示：http: //jsfiddle.net/ngwJ3/

原因：http ://api.jquery.com/event.preventDefault/ ：如果调用该方法，则不会触发事件的默认动作。

希望这有帮助:)