2014-12-07 89 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