2012-07-04 3 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"을 인쇄합니다.

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

감사 :

그리고 여기 내 HTML입니다!

답변

1

탄원

e.preventDefault();이 데모를 참조 제거 : http://jsfiddle.net/ngwJ3/

이유 : http://api.jquery.com/event.preventDefault/ :이 메서드를 호출 할 경우, 이벤트의 기본 동작이 트리거되지 않습니다.

희망 도움말 :)

+0

감사합니다. 그러나'e.preventDefault();를 제거하면 대화 상자가 1 초 동안 열리고 즉시 닫힙니다 ... –

+0

Hiya @YanisBoucherit jsfiddle에서 붙여 넣기를해도됩니다. 나는 당신을 위해 그것을 해결할 것이고,':)'도울 수 있어야합니다. 감사합니다. –

+0

안녕하세요, 피들입니다! :) http://jsfiddle.net/yHjMU/2/ 감사합니다. –

관련 문제