javascript - PrettyPhoto - 如何在用户关闭模态框时进行跟踪

Question

我正在使用 pretty photo 来显示视频 - 它与 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>

但是我如何跟踪用户何时点击关闭以及无论如何将主题 ID 传递给该函数 非常感谢

Answer 1

文档中有一行您可以添加以进行自定义:

callback: function(){}, /* Called when prettyPhoto is closed */

在里面你可以放你想要的东西:

callback: function() { alert('Prettyphoto closed'); }

您可以在此处查看他们使用的示例，http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/