【问题标题】:PrettyPhoto - how to track when user closes the modal boxPrettyPhoto - 如何跟踪用户何时关闭模态框
【发布时间】:2012-03-15 09:49:50
【问题描述】:

我正在使用漂亮的照片来显示视频 - 它几乎可以作为漂亮照片网站上的演示

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto

如果您查看第一个演示 - 在我的网站上 - 会打开一个类似的窗口,但播放的是视频而不是图像。

现在在这个窗口的右下角有一个小“x”。所以当用户点击关闭时 - 我想跟踪它。基本上当用户点击关闭时 - 应该触发一个 jquery 函数,使用它我可以调用服务器端脚本。

这是我目前的设置

【问题讨论】:

    标签: javascript jquery prettyphoto


    【解决方案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/

    【讨论】:

    • 感谢 Scott - 这正是我想要的。还有一件事 - 每个链接都有一个唯一的 topic_id - 无论如何我可以将这个 topic_id 传递给这个回调函数。
    • 您可以看到 $(this) 在该函数中产生了什么,但我认为这将指代整个图库,并且文档没有指定可以执行此操作的公共函数。因此,如果这不起作用,当图片更改时,您可以将其存储在 changepicturecallback 之类的地方: function(){ $('#current_topic_hidden_​​element').text($(this).attr('href')); } 然后在回调函数上,再次获取 $('#current_topic_hidden_​​element').text() (您将需要页面上具有 id="current_topic_hidden_​​element" 的元素来存储它...)
    • hmm 所以当图片正确改变时会调用 changepicturecallback - 所以在我的情况下只播放一个视频 - 甚至会调用这个函数。其次,我想知道是否将 topic_id 添加为 href="/course/play-video/topic_id/topic_id;?>?topic_id=15&iframe=true&width=470&height=340" 这样的 href 的一部分 - 是否有可能得到它在回调函数中。感谢您的宝贵时间
    • 我确实尝试过,但它说 $(this).attr('href') 未定义
    • 我认为这是一个不同的问题 - 我会将它作为一个新问题发布。谢谢
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多