2014-12-07 90 views
0

我試圖使用下面的代碼將一個html文件(包含嵌入HTML的JSS和CSS代碼)包含到其他html文件中。ReferenceError:包含html文件(包含JS和CSS)到其他html文件時沒有定義Highcharts

文件a.html

<html> 
    <head> 
    <script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script> 
    <script> 
    $(function(){ 
     $("#includedContent").load("mychart2.html"); 
    }); 
    </script> 
    </head> 

    <body> 
    <div id="includedContent"></div> 
    </body> 
</html> 

文件mycharts2.html

http://www.megafileupload.com/en/file/585768/mychart2-html.html

使用的開發工具後,我發現了以下錯誤:

的ReferenceError:Highcharts不定義爲
jquery-1.9.1.js line 603> eval:4

並且沒有輸出。我該如何解決這個問題?

+0

什麼是您的目錄結構是什麼樣子? mychart2.html與a.html位於同一目錄嗎? – 2014-12-07 14:01:36

+0

是的,它在同一個目錄中。 – Manish 2014-12-07 14:27:28

+0

你有沒有給出正確的文件名。 – 2014-12-07 14:54:16

回答

1

下載你的html文件後,看看代碼。我相信你的問題是以下行:

var chart = new Highcharts.Chart({ 

根據this highcharts演示中,我就發現的jsfiddle。你的初始化highcharts不正確。該代碼應該是這樣的:

$('#chart116319a1dae9').highcharts({data:...,otherStuff:...}); 

我強烈建議採取看看HighCharts現場,並採取看看他們Demos

+0

爲了共享我的文件,我將我的文件上傳到megafileupload,但它將.html擴展到現有文件,但原始文件擴展名爲.html。所以這個問題不是因爲文件擴展。 – Manish 2014-12-07 14:42:33

+0

在JavaScript控制檯中,你有任何錯誤?該文件不存在或者您無權訪問該文件。 – 2014-12-07 14:43:39

+0

我是javascript的新手,所以不知道如何使用控制檯。 – Manish 2014-12-07 14:45:10