滑块不工作标签内容标签内

问题描述：

Im建立一个使用NativeDroid网络应用程序。一切似乎工作正常，但在一个标签面板，当我添加一个滑块它不工作。滑块不工作标签内容标签内

但它工作时，我刷新。但是，当我点击链接通过菜单它不工作，直到我刷新它

我已经上传页面在这里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: [''] 



      }); 

     });

谁能告诉我什么可能导致它？

首先你不需要多的document.ready事件处理程序;你可以加入他们的一个。您的实际问题可能是因为页面加载时内容不存在。您的标签控件将HTML添加到DOM后，您需要初始化相关插件。您的具体做法取决于您使用的选项卡控件以及它所公开的事件 –

您正在使用哪个选项卡面板插件？ – Curiousdev

@Curiousdev即时通讯使用http://nativedroid.godesign.ch/material/它已经有自己的选项卡。文档在这里http://nativedroid.scripter.click/tabs/ – LiveEn

答

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的event，你需要你的percentcircle和结合事件中添加如下为@罗里 - 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: [''] 
    }); 

});

也可以使一个委托的事件，在这里触发事件的详细信息，请找This Answer

我可以把它包装在一个'$（document）.on（“pagecreate”，function（event）{'并使它工作吗？ – LiveEn

我也试过你的方法，似乎没有工作:( – LiveEn

是的，你可以做到这一点，使其工作我已经提到了一个链接，你可以发现你必须触发（）该选项卡上的方法更改 – Curiousdev

滑块不工作标签内容标签内

相关推荐