Jquery funktioniert nicht auf geladener Seite

Question

Ich habe ein Problem mit jQuery-Code. In diesem Fall verwende ich Bibliotheks-High-Chart. Wenn der Code auf einer Seite steht, ist kein Problem gefunden. Das Skript läuft gut. wie in diesen Bildern

working well

aber das ist nicht das, was ich will. In meinem Fall verwende ich Single-Page-Apps. und bei der Erstellung von Single-Page-Apps verwende ich Angular JS-Bibliothek. Nein. Hier ist mein Problem. Die jquery lief nicht, weil ich die Seite beim Ausführen der Seite geladen habe. damit. Wenn ich auf ein anderes Menü klicke, wird der Inhalt mit einer anderen Seite geladen.

das ist jquery Skript i für die Verwendung von High-Chart-Bibliothek verwenden:

$(function() { 
var chart; 
$(document.body).ready(function() { 
    chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', //letakan grafik di div id container 
      //Type grafik, anda bisa ganti menjadi area,bar,column dan bar 
      type: 'line', 
      marginRight: 130, 
      marginBottom: 25 
     }, 
     title: { 
      text: 'Pendapatan perkapita indonesia tahun 2006-2011', 
      x: -20 //center 
     }, 
     subtitle: { 
      text: 'candra.web.id', 
      x: -20 
     }, 
     xAxis: { //X axis menampilkan data tahun 
      categories: ['2006', '2007', '2008','2009','2010','2011'] 
     }, 
     yAxis: { 
      title: { //label yAxis 
       text: 'pendapatan dalam USD' 
      }, 
      plotLines: [{ 
       value: 0, 
       width: 1, 
       color: '#808080' //warna dari grafik line 
      }] 
     }, 
     tooltip: { 
     //fungsi tooltip, ini opsional, kegunaan dari fungsi ini 
     //akan menampikan data di titik tertentu di grafik saat mouseover 
      formatter: function() { 
        return '<b>'+ this.series.name +'</b><br/>'+ 
        this.x +': '+ this.y ; 
      } 
     }, 
     legend: { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'top', 
      x: -10, 
      y: 100, 
      borderWidth: 0 
     }, 
     //series adalah data yang akan dibuatkan grafiknya, 
     //saat ini mungkin anda heran, buat apa label indonesia dikanan 
     //grafik, namun fungsi label ini sangat bermanfaat jika 
     //kita menggambarkan dua atau lebih grafik dalam satu chart, 
     //hah, emang bisa? ya jelas bisa dong, lihat tutorial selanjutnya 
     series: [{ 
      name: 'Indonesia', 
      //data yang akan ditampilkan 
      data: [1660, 1946,2271,2590,3004,3550] 
     }] 
    }); 
}); 

});

und für das Skript aufrufen ich diesen Code in HTML verwenden:

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div> 

mir bitte helfen. Denn das passiert auch in einer anderen Bibliothek. Danke

Answer 1

Sie möchten wahrscheinlich ein AngularJS Highcharts Adapter verwenden, anstatt Highcharts mit jQuery aufzurufen.

Sie werden immer Probleme mit jQuery außerhalb von AngularJS bekommen. In den meisten Fällen sollte jQuery in einer AngularJS SPA-Anwendung nicht benötigt werden.