Question

我正在使用NativeDroid构建一个Web应用程序。一切似乎工作正常，但在选项卡面板中，当我添加一个滑块它不起作用。

但是当我刷新时它会起作用。但是，当我点击菜单中的链接时，它不起作用，直到我刷新它

我已经从菜单上传了这些页面Demo当你点击个人资料时你会发现滑块不起作用..我的控制台上也没有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: ['']



            });

        });

有人能告诉我可能是什么造成的吗？

Answer 1

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]));
});

这是event nativedroid2.js，您需要添加percentcircle和owlCarousel绑定事件，如下所示@ rory-mccrossan在页面加载内容中说t存在这是因为它不起作用改变你，如下所示

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: ['']
  });

});

或者您可以在此处制作委托活动并触发该活动以获取更多信息，请查看This Answer

滑块不在标签内容中的标签内工作

1 个答案: