javascript - 回发后 Jquery Fancybox 不工作

Question

我在 asp.net 页面上有一个 Fancybox(或更准确地说)许多花哨的框。

我的 Fancybox (jquery 插件)工作正常，直到页面上发生回发然后它拒绝工作。

有什么想法吗？有没有人经历过类似的行为？

更新:一些代码..

我有一个数据绑定(bind)转发器，每个重复项上都有一个 fancybox。

它们由(在中继器外)实例化

$(document).ready(function() {
            $("a.watchvideo").fancybox({
            'overlayShow': false,
            'frameWidth' : 480,
            'frameHeight' : 400
            });
        }); 

anchor 标签重复..

href="#watchvideo_<%#Eval("VideoId")%>"

与

的 div 一样

id="watchvideo_<%#Eval("VideoId") %>

作为实例化 flash 电影的脚本元素

是的，VideoId 正在页面输出。

更新:这不是闪光灯的问题..

这不是闪光灯的问题，因为我在没有闪光灯的情况下尝试过，它甚至不会弹出一个带有简单消息的窗口。

UPDATE:不知是不是更新面板。

Rebinding events in jQuery after Ajax update (updatepanel)

--李

Answer 1

问题在于使用 $(document).ready() 来绑定(bind) fancybox。此代码仅在页面最初加载时执行一次。如果您希望在每次回发、同步或异步时都使用 fancybox 功能，请将 $(document).ready() 替换为 pageLoad(sender, args)。即

function pageLoad(sender, args) {
        $("a.watchvideo").fancybox({
        'overlayShow': false,
        'frameWidth' : 480,
        'frameHeight' : 400
        });
}

see this answer for more info