Javascript 滑块不在选项卡内部工作选项卡内容内部

Javascript 滑块不在选项卡内部工作选项卡内容内部,javascript,jquery,Javascript,Jquery,我正在使用创建一个web应用程序。一切似乎都很好,但在选项卡面板中,当我添加滑块时,它不起作用 但当我刷新时它就工作了。但是当我点击菜单中的链接时,直到我刷新它,它才起作用 我已经从菜单上传了页面,当你点击配置文件时,你会看到滑块不工作。。我的控制台上也没有jquery错误 下面是我用于滑块和图表的代码 $(document).on("pagecreate", ".page_bubble", function () { $('.demo').percentcircle({

我正在使用创建一个web应用程序。一切似乎都很好,但在选项卡面板中,当我添加滑块时,它不起作用

但当我刷新时它就工作了。但是当我点击菜单中的链接时,直到我刷新它,它才起作用

我已经从菜单上传了页面,当你点击配置文件时,你会看到滑块不工作。。我的控制台上也没有jquery错误

下面是我用于滑块和图表的代码

$(document).on("pagecreate", ".page_bubble", function () {
 $('.demo').percentcircle({

                animate: true,
                diameter: 100,
                guage: 2,
                coverBg: '#f4f8f9',
                bgColor: '#f4f8f9',
                fillColor: '#5c93c8',
                percentSize: '19px',
                percentWeight: 'normal'

            });
            $("#owl-demo").owlCarousel({

                navigation: true, // Show next and prev buttons
                slideSpeed: 300,
                paginationSpeed: 400,
                singleItem: true,
                navigationText: ['']



            });

        });
有人能告诉我是什么引起的吗

el.on("click",".nd2Tabs-nav-item:not('.nd2Tabs-active')",function(e) {
    e.preventDefault();
    _self.switchTab($(this),$(this).data('tab'),$(".nd2Tabs-nav-item").index($(this)[0]));
});
这是
nativedroid2.js
中的
事件
,您需要在其中添加
percentcircle
owlCarousel
绑定事件,如下@rory mccrossan在页面加载内容中所说的绑定事件不存在,这就是它不起作用的原因,请更改您的js如下

el.on("click",".nd2Tabs-nav-item:not('.nd2Tabs-active')",function(e) {
    e.preventDefault();
    _self.switchTab($(this),$(this).data('tab'),$(".nd2Tabs-nav-item").index($(this)[0]));
    $('.demo').percentcircle({

     animate: true,
     diameter: 100,
     guage: 2,
     coverBg: '#f4f8f9',
     bgColor: '#f4f8f9',
     fillColor: '#5c93c8',
     percentSize: '19px',
     percentWeight: 'normal'
   });
   $("#owl-demo").owlCarousel({
      navigation: true, 
      slideSpeed: 300,
      paginationSpeed: 400,
      singleItem: true,
      navigationText: ['']
  });

});

或者,您可以在此处创建一个委托事件并触发该事件。有关详细信息,请查找

。首先,您不需要多个document.ready事件处理程序;你可以把他们加入其中。您的实际问题可能是因为页面加载时内容不存在。在选项卡控件将相关插件的HTML添加到DOM中后,需要初始化这些插件。具体操作方式取决于您使用的选项卡控件,以及它公开的事件您使用的选项卡面板插件?@Curiousdev im using it已经有了自己的选项卡。文档在这里@Rorymcrossan我确实在
$(文档)中包装了代码。在(“pagecreate”
(我更新了我的问题)上,但似乎仍然不起作用。我可以将其包装在
$(文档)中吗。在(“pagecreate”,函数(事件){
中并使其起作用?我也尝试了你的方法,似乎不起作用:(是的,你可以这样做来让它工作。我提到了一个链接,在这里你可以找到你必须
trigger()
在选项卡上改变那个方法放置一个调试点,看看会发生什么,它是否被调用?或者控制台中的任何错误
像这样改变你的配置文件锚链接,它只需要添加属性
data ajax=“false”就可以工作了
:-)