滑塊不工作標籤內容標籤內

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



      }); 

     });

誰能告訴我什麼可能導致它？

來源

2017-04-03 LiveEn

首先你不需要多的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

來源

2017-04-03 10:29:04 Curiousdev

我可以把它包裝在一個'$（document）.on（「pagecreate」，function（event）{'並使它工作嗎？ – LiveEn

我也試過你的方法，似乎沒有工作:( – LiveEn

是的，你可以做到這一點，使其工作我已經提到了一個鏈接，你可以發現你必須觸發（）該選項卡上的方法更改 – Curiousdev

滑塊不工作標籤內容標籤內

回答

相關問題