2012-07-04 75 views
1

這裏後是我的問題......無法重新打開對話框關閉

我有以下的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> 

謝謝!

回答

1

普萊斯刪除e.preventDefault();

看到這個演示:http://jsfiddle.net/ngwJ3/

原因:http://api.jquery.com/event.preventDefault/:如果此方法被調用時,事件的默認動作不會被觸發。

希望這個幫助:)

+0

感謝您的迴應! 但是,如果我刪除'e.preventDefault();'對話框打開爲1秒,並立即關閉自己... –

+0

Hiya @YanisBoucherit可以請你輕彈你的HTML以及複製粘貼它在Jsfiddle我已經提供了我會爲你解決它,應該可以幫助':)'謝謝 –

+0

嗨,這是小提琴! :) http://jsfiddle.net/yHjMU/2/非常感謝! –

相關問題