javascript - 如何检测 javascript 构造函数是否已经运行？

Question

我在我正在处理的页面中使用 jquery-tools 选项卡和轮播。轮播嵌入在选项卡中，选项卡在 beforeClick 回调中加载。

通常，轮播在文档就绪函数中初始化如下:

$(function() { 
        // initialize scrollable 
        $("div.scrollable").scrollable({ 
                size: 3, 
                clickable: true, 
                loop: false 
            }).mousewheel(); 

这在通过 beforeClick 加载轮播时不起作用，因为当 DOM 准备就绪时，此选项卡尚未加载。

        $("ul.tabs").tabs("div.panes > div", {
          initialIndex: 0,
             onBeforeClick: function(event, i) {
                    // get the pane to be opened
                var pane = this.getPanes().eq(i);

                var src = this.getTabs().eq(i).attr("href");
                var langPattern = "/^" + getLang() + '/';
                var forceReload = false;
                if (src.match(langPattern) == null)
                {
                  src = getLang() + "/" + src;
                  forceReload = true;
                }
                if (pane.is(":empty") || forceReload) {
                    // load it with a page specified in the tab's href attribute
                    pane.load(src);
                    // initialize scrollable - ONLY SHOULD BE DONE ONCE
                $("div.scrollable").scrollable({ 
                    size: 3, 
                    clickable: true, 
                    loop: false 
                }).mousewheel(); 
                }
            }
      }).history();;

我的问题是两个部分:

首先，是否有一个事件我可以添加一个处理程序来在第一次加载时初始化滚动？其次，如果没有，有没有办法可以查明可滚动对象是否已构建？

此代码背后的想法是根据用户的语言选择加载本地化的 html 片段。这是 CD 上的目录，而不是在线目录。

Answer 1

您可能想查看 jQuery live event .此事件匹配所有当前和 future 的 DOM 匹配项。

编辑 1你想绑定(bind)到 div.scrollable 的 onload 事件，对吗？

$('div.scrollable').live('load', function() {
    // etc.
});