Schieberegler funktioniert nicht innerhalb der Registerkarte innerhalb der Registerkarte Inhalt

Question

Im Erstellen einer Web-App mit der NativeDroid. Alles scheint gut zu funktionieren, aber in einem Tab-Panel, wenn ich einen Schieberegler hinzufügen funktioniert es nicht.

Aber es funktioniert, wenn ich auffrische. Aber wenn ich den Link durch das Menü klicke, funktioniert es nicht, bis ich es aktualisiere

Ich habe die Seiten hier Demo aus dem Menü hochgeladen, wenn Sie auf Profil klicken Sie sehen, der Schieberegler funktioniert nicht .. Es gibt keine jquery Fehler auf meiner Konsole auch.

unten ist der Code, den ich für den Schieber verwendet haben und ein Diagramm

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



      }); 

     }); 

Kann mir jemand sagen, was es verursachen könnte?

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

Dies ist event in nativedroid2.js, wo Sie benötigen, um Ihre percentcircle und owlCarousel Bindungsereignis hinzufügen, wie unten als @ rory-McCrossan die beim Laden der Seite Inhalt existiert nicht, dass Grund ist es wie unten ändern Sie js Arbeit ist nicht

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

}); 

Oder Sie können einen Delegaten Ereignis machen und dieses Ereignis auslösen hier für weitere Informationen bitte This Answer