我正在尝试使用
jquery来加载dojo图表.我正在使用此代码.但是在第二次单击时,在第一个按钮中我收到此错误.如果我单击第一个按钮,单击第二个按钮并再次单击第一个按钮,也会出现同样的情况.这个问题让我抓狂.
<script type="text/javascript">
$(document).ready(function () {
$('.lista_').click(function () {
$.get('index1.PHP',function (data) {
dojo.addOnLoad(function () {
require(["dojo/_base/xhr","dojo/parser","dojo/dom"],function (xhr,parser,dom) {
var um = [];
dijit.registry.filter(function (w) { //problem here,maybe this code destroy something that should not be destroyed
if (dojo.indexOf(um)) {
w.destroyRecursive();
}
});
$('#paginas').html(data);
dojo.parser.parse(dojo.byId('paginas'));
});
});
});
});
});
</script>
解决方法
看起来你试图在插入/解析新图表之前删除旧图表,但我不认为这种情况正在发生.这可能会导致Dojo阻止各种错误.
dijit.registry.filter(function (w) { //problem here,maybe this code destroy something that should not be destroyed
if (dojo.indexOf(um)) {
w.destroyRecursive();
}
});
我不确定你在这做什么. filter函数将返回一个widget的数组,其回调返回true.另外,dojo.indexOf用于搜索数组中的元素(我不确定你在那里用它做什么样的黑魔法：P).
我想(如果我理解你的意图),你应该做：
dijit.registry.findWidgets(dojo.byId("paginas")).forEach(function(w) {
w.destroy();
});
在插入和解析新获取的HTML之前,这将破坏#paginas中的窗口小部件.
编辑：当您单击第二个按钮,并删除图表时,< style>标签也被删除了.这就是为什么你看到工具提示div中的工件,因为它不再被CSS隐藏.你可以通过在主文件中导入claro.css来解决这个问题,即把它：
<style type="text/css"> @import "http://ajax.googleapis.com/ajax/libs/dojo/1.7/dijit/themes/claro/claro.css"; </style>
