Highcharts與jquery.load（）

Question

這裏不加載是situacion：

文件1：的index.php

... 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> 
... 
<div class="mycontainer"></div> 
<script> 
    $(function() { 
     $(".mycontainer").load("grafs.php"); 
    }); 
</script> 

文件2：grafs.php

... 
<script src="/js/highcharts.js"></script> 
<script type="text/javascript"> 
    var chart1; // globally available 
    $(document).ready(function() { 
    chart1 = new Highcharts.Chart({ 
     chart: { 
     renderTo: 'mychart01', 
     type: 'bar' 
    }, 
    title: { 
     text: 'Fruit Consumption' 
     }, 
    xAxis: { 
     categories: ['Apples', 'Bananas', 'Oranges'] 
     }, 
    yAxis: { 
     title: { 
      text: 'Fruit eaten' 
     } 
    }, 
    series: [{ 
     name: 'Jane', 
     data: [1, 0, 4] 
    }, { 
     name: 'John', 
     data: [5, 7, 3] 
    }] 
    }); 
}); 
</script> 
<div id="mychart01" style="min-width: 400px; height: 400px; margin: 0 auto"></div> 

這使得DIV（mychart01）完全空白（空白）。 在控制檯上沒有錯誤。 如果我直接在文件1中從文件2運行這段代碼，圖表正確呈現。 任何人都可以指出我在這裏做錯了嗎？

Answer 1

嘗試：

$.ajax({url: "grafs.php", function(data) { 
    $(".mycontainer").html(data); 
    }); 

或

使用getScript代替load：

http://api.jquery.com/jQuery.getScript/