2011-05-04 4 views
0

2 페이지가 있습니다.Jquery 대화 상자 닫기가 작동하지 않습니다.

색인은 jquery가 정의 된 기능 정의가있는 앵커 태그가있는 하이퍼 링크를 포함합니다. 이 페이지에는 "용기"

크리크 기능()

대화 페이지 자체가 내가 대화 상자를 닫으려고하는 제 2 페이지입니다 .dialog 사용하여 dailog을 엽니 다라는 DIV하지만이 나던 작품을 포함 .

왜 이것이 작동하지 않는지 설명해 주시겠습니까?

====== DIALOG 페이지 FROM INDEX 페이지에서 코드 ===========

<script type="text/javascript"> 
    $().ready(function() { 
     $("#LaunchModal").click(function() { 
      $.get(
       "Home/RandomPopupView", 
       function (htmlResult) { 
        $("#RandomModal").remove(); //In case this is the second time they've requested the dialog. 
        $("#container").append(htmlResult); 
        $("#RandomModal").dialog(); 
       } 
      ); 
      return false; //To keep the default behavior of the anchor tag from occuring. 
     }); 
    }); 
</script> 
<a href="" id="LaunchModal">Launch Modal!</a> 
<div id="container"> 

====== CODE ==== =======

<div id="RandomModal"> 
    <script type="text/javascript"> 
     $().ready(function() { 

      //TEST TRY TO CLOSE THE DIALOG DIV IMMEDIATELY FROM WITHINN THE DIV ITSELF 
      $("#RandomModal").dialog("close"); //CLOSE DOES NOT WORK 

      $("#submitModal").click(function() { 
       var SomeString = $("#SomeString").val() 

       $.post("/Home/RandomPopupViewPOST", 
       { 
        SomeString: SomeString 
       }, 
        function (html) { 
         $("#RandomModal").empty(); 
         $("#RandomModal").append(html); 
        }); 
      }); 
     }); 
    </script> 
</div> 

==================================== ===

답변

1

당신이 두 번째 페이지에 준비 이벤트를 얻을 수 iframe을로드 할 필요가 페이지를로드하지 않는 get 메소드는

그래서 난 우리가

을 메인 페이지에 코드를 넣어 사용하는 라이브 이벤트 것이다 트리거 할
$("#submitModal").live("click",function() { 
    var SomeString = $("#SomeString").val() 

    $.post("/Home/RandomPopupViewPOST", 
    { 
     SomeString: SomeString 
    }, 
     function (html) { 
      $("#RandomModal").empty(); 
      $("#RandomModal").append(html); 
     }); 
}); 

하나 더 내가 더 난 당신이로드하고 추가 스크립트를 실행하려면

0

색인 페이지에 $("#RandomModal").dialog("close"); 코드를 남겨 둡니다.

1

을하려고 무엇을 이해하지 못하는 코드를 읽어 사용한다 내가 적합한 솔루션 그게 확실하지 않다하지만 $.getScript().

사용 방법에 대한 더 자세한 정보는 jQuery 웹 사이트의 설명서를 참조하십시오. jQuery.getScript()

관련 문제