SimpleModal에서 작동하는 콜백을 얻는 방법

나는 simplemodal에서 onclose를 잡을 수 없었습니다. 당신은 내가 jQuery를에 새로 온 사람과 같이 할 수 있다면 ... 나에게SimpleModal에서 작동하는 콜백을 얻는 방법

<a href="http://url/" onclick="$(this).modal({width:833, height:453}).open(); return false;">

작품을 손을주고,하지만 난 모달 대화 상자가 닫힐 때마다 자바 스크립트 함수를 호출하고 싶습니다하시기 바랍니다. 어떻게 첨부합니까, updateTable(); 닫기 이벤트에 ?? 나는 예제 페이지에서 중첩 된 기능을보고 솔직히

<a href="" onclick="$(this).modal({onClose: alert(1);$.modal.close();}).open();"

이 모든 stupd 변화하지만, 시도했습니다

만 만들어 내게 현기증 (두 번째 예는 또한 HREF이 있지만 ....)

출처

2009-11-17 Roy

내가 제대로 이해 당신은 링크를

클릭에 (예를 들어 아이디 리모콘 포함)이 <a href="..."> 태그의 HREF의 URL에 의해 정의
페이지가를해야합니다 내용 조동사 사용자는 모달 일부 액션을 트리거하고 닫으려는 모달을 닫습니다

HTML :

<a href="http://www.google.com" id="clicker">Click me!</a>

자바 스크립트

var c = function closer() { 
    $.modal.close(); 
    alert("Done!"); 
} 
$(document).ready(function() { 
    $("#clicker").click(function() { 
     $.modal(
      '<iframe src="'+this.href+'" width="833" height="453">asd</iframe>', 
      {onClose:c} 
     ); 
     return false; 
    }); 
});

작업 샘플에 대한 검사 http://jsbin.com/ofimi 도움을

출처

2009-11-18 01:34:50 jitter

좋아요! 마침내 그것을 얻었다! 감사! – Roy

먼저 jQuery를 사용할 때 onclick 속성을 추가 할 필요가 없습니다. 다음

<a id="clicker" href="http://url/" >Click</a>

$(document).ready(function(){ 
     $("#clicker").click(function(){ 
      $(this).modal({width:833, height:453, onClose: function(){ 
      //your code here}}) 
      .open(); 
      return false; 
     }); 

});

가정합니다 $ (이) 참조 실제로 어쩌면 당신이 전화 대화 같은 사업부를 사용하는 것이 좋습니다의 태그를 말합니다 :

<div id="dialog"></div>

jQuery를

$("#dialog").modal(...)

로 변경하십시오.

업데이트 : 귀하의 의견을 기반으로합니다. 이 시도.

<head> 
     <!-- Include your script tags here to load the jQuery and simplemodal scripts --> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $("#clicker").click(function(){ 
       $("#dialog").modal({onClose: function(){ 
        alert("Closing"); 
       } 
       }); 
       return false; 
       }); 
      }); 


     </script> 

     </head> 
     <body> 
      <div id="dialog"></div> 
      <a href="#" id="clicker">Click</a> 
     </body>

출처

2009-11-17 22:31:43

감사합니다 ... 불행히도이 실행되지 확실히 코드 깔끔한 모양을 만들 것입니다 온 클릭을 사용하지만 내 코드는 모달을 닫을 때 ... 간단한 것을 시도했습니다. alert ('hello'); 그리고 그것은 작동하지 않습니다 ... – Roy

실례합니다. 내 무지를 용서하지만, 왜 내가 div를 원합니까? 외부에있는 내용을 모달 내부에로드하고 있으며, clicker href에있는 내용을 모두 가져 와서 iframe으로로드합니다. 사용자가 대화 상자를 닫을 때 페이지에서 내용을 새로 고칠 수있는시기를 알기 만하면됩니다. – Roy

원본 코드의 $ (this)는 링크 인 a 태그를 나타냅니다.마치 당신이 모달 대화 상자에 링크하는 것처럼, 나는 당신이 원하는 것을 의심합니다. 당신은 그것에 대한 div와 같은 다른 컨테이너를 사용하고 싶습니다. 그렇지 않으면 원하는 다른 컨테이너를 사용할 수 있습니다. –

SimpleModal에서 작동하는 콜백을 얻는 방법

답변

관련 문제