닫을 때 추적하는 방법 - prettyphoto 웹 사이트에서 데모로 꽤 많은 작품을PrettyPhoto - 사용자가 모달 상자
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto
첫 번째 데모를 보면 - 내 웹 사이트에서 비슷한 창을 열지 만 이미지 대신 비디오가 재생됩니다.
이제이 창에 오른쪽 하단에 작은 "x"가 있습니다. 따라서 사용자가 닫기를 클릭하면이를 추적하려고합니다. 기본적으로 사용자가 닫기를 클릭하면 서버 측 스크립트를 호출 할 수있는 jquery 함수가 트리거되어야합니다.
이 내 현재 설정
<link rel="stylesheet" href="/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> <script src="/js/jquery.prettyPhoto2.js" type="text/javascript" charset="utf-8"> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto(); }); </script> <a href="/course/play-video/topic_id/topic_id;?>?iframe=true&width=470&height=340" rel="prettyPhoto" title="topic_name;?>"> <img src="/images/videos/" width="170" height="103" alt="topic_name;?>"/> </a>
입니다 그러나 사용자가 닫기를 클릭하고 함수에 문서가 훨씬
감사 스콧 - 내가 찾던 정확히 이잖아. 한 가지 더 - 각 링크에는 고유 한 topic_id가 있습니다. 어쨌든이 topic_id를이 콜백 함수에 전달할 수 있습니다. – Gublooo
당신은 $ (this)가 그 함수 내에서 무엇을 생성하는지 알 수 있습니다. 그러나 저는 그것이 전체적으로 갤러리를 참조 할 것이고 문서는 그런 일을 할 수있는 public 함수를 명시하지 않는다고 생각합니다. 그래서 작동하지 않는다면 그림이 바뀌면 changepicturecallback과 같이 어딘가에 저장할 수 있습니다 : function() {$ ('current_topic_hidden_element') text. } 그리고 나서 콜백 함수에서 $ ('# current_topic_hidden_element') .text()를 다시 얻으십시오. (id = "current_topic_hidden_element"를 페이지에 저장해야합니다 ...) – scott
hmm 그러면 changepicturecallback이됩니다. 그림이 바뀌면 호출됩니다. 따라서 제 경우에는 하나의 비디오 만 재생됩니다.이 함수를 호출해도됩니다. 둘째로 topic_id를 href = "/ course/play-video/topic_id/topic_id;와 같은 href의 일부로 추가했는지 궁금합니다. topic_id = 15 & iframe = true & width = 470 & height = 340"- 콜백 함수에서. 시간 주셔서 감사합니다 – Gublooo