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。此事件匹配所有当前和未来的DOM匹配。

编辑1 您想要绑定到div.scrollable的{{1}}事件，对吗？

onload

Answer 2

我通过将回调附加到load来解决了我的问题：

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

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

2 个答案: