Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 相邻HTML div中的两个flot图表导致问题_Javascript_Jquery_Html_Xslt_Flot - Fatal编程技术网

Javascript 相邻HTML div中的两个flot图表导致问题

Javascript 相邻HTML div中的两个flot图表导致问题,javascript,jquery,html,xslt,flot,Javascript,Jquery,Html,Xslt,Flot,我已经编写了一个jquery插件,它使用Flot将HTML表转换为图表。HTML是从XSLT生成的,在XSLT中,我有以下代码来调用我的插件。此代码尝试在blah1和blah2 HTML分区中并排显示两个图表(每个分区中一个): 通过浏览器查看时,HTML的生成方式存在问题。左div(blah1)使用画布元素和所有内容正确生成HTML(并在浏览器中显示图表),而右div(blah2)生成以下内容: <script type="javascript" defer="true">

我已经编写了一个jquery插件,它使用Flot将HTML表转换为图表。HTML是从XSLT生成的,在XSLT中,我有以下代码来调用我的插件。此代码尝试在blah1和blah2 HTML分区中并排显示两个图表(每个分区中一个):


通过浏览器查看时,HTML的生成方式存在问题。左div(blah1)使用画布元素和所有内容正确生成HTML(并在浏览器中显示图表),而右div(blah2)生成以下内容:

<script type="javascript" defer="true">
    <!--$(document).ready($('#blah2').myPlugin());   //-->
</script>


知道这里发生了什么吗?为什么一个部门可以工作而另一个部门不行。。?另一件奇怪的事情是blah1中出现的图表实际上是blah2中应该出现的图表。blah2图表覆盖由blah1中的代码绘制的图表。如果我注释掉blah2jquery调用,那么blah1 div会正确地显示预期的图表。

正如@PabloPozo所说,看起来语言属性被贬低了,请将脚本标记更改为

<script type="text/javascript" defer="true">

</script>


谢谢各位,我发现了问题所在。。。在jquery自定义插件中,我将div的值硬编码为“blah1”,因此无论我调用哪个div,插件代码每次都应用于同一个div。这在我睡眠4小时后变得很明显。。(我不敢相信睡眠剥夺会让你做什么)

我首先想到的是,第二个脚本标记定义了type=“javascript”属性,而不是type=“text/javascript”。顺便说一句,属性language=“javascript”已被弃用,因此您应该将其更改为type=“text/javascript”。也许这只是我自己的无知,但您为什么要在javascript标记中注释CDATA部分?
<script type="text/javascript" defer="true">

</script>