XTK:找不到给定的容器

XTK: Could not find the given container

本文关键字：找不到 XTK      更新时间：2023-09-26

我使用jQuery动态创建一个div，然后将该div的id作为renderer3D的容器传递。当我这样做时：

r.container = id

我在JS控制台中看到一个错误，读取"找不到给定的容器"。我已经检查过了，div在DOM中并且可见。奇怪的是，这运行得很好，但我对加载XTK库的时间做了一个小的更改。

提交后https://github.com/xtk/X/commit/77d6c1e6e3062465acc297f782f410cf5a470211这一切都应该奏效！问题是Google闭包编译器使用$来优化代码，这打破了jQuery的使用。

请参阅此处的示例http://jsfiddle.net/YLVPr/

var element = $(document.body);
//container.show();
var id = 'xtkwidget_' + 1;//utils.uuid();
var xtkdiv = $('<div/>').attr('id',id);
xtkdiv.css('background-color','#FFF').width(400).height(300);
element.append(xtkdiv);
var obj_c54ce3e329b84364b5542aeb4c303ece = new X.renderer3D();
obj_c54ce3e329b84364b5542aeb4c303ece.container = document.getElementById(id); // NOTE here we have to pass the original div, not the id or the jQuery object
obj_c54ce3e329b84364b5542aeb4c303ece.init();
var obj_bd99e35ed147423faa2a2d77cbc540af = new X.mesh();
obj_bd99e35ed147423faa2a2d77cbc540af.magicmode = true;
obj_bd99e35ed147423faa2a2d77cbc540af.opacity = 0.700000;
obj_bd99e35ed147423faa2a2d77cbc540af.color = [1.000000,1.000000,1.000000];
obj_bd99e35ed147423faa2a2d77cbc540af.file = "http://x.babymri.org/?avf.vtk";
obj_c54ce3e329b84364b5542aeb4c303ece.add(obj_bd99e35ed147423faa2a2d77cbc540af);
obj_c54ce3e329b84364b5542aeb4c303ece.render();​

该代码是一个非常复杂的web应用程序的一部分。实际的JavaScript代码由服务器动态生成，通过JSON发送到浏览器并传递给eval。下面是代码的一个示例：

container.show();
var id = 'xtkwidget_' + utils.uuid();
var xtkdiv = $('<div/>').attr('id',id);
xtkdiv.css('background-color','#FFF').width(400).height(300);
element.append(xtkdiv);
var obj_c54ce3e329b84364b5542aeb4c303ece = new X.renderer3D();
obj_c54ce3e329b84364b5542aeb4c303ece.container = id;
obj_c54ce3e329b84364b5542aeb4c303ece.init();
var obj_bd99e35ed147423faa2a2d77cbc540af = new X.mesh();
obj_bd99e35ed147423faa2a2d77cbc540af.magicmode = true;
obj_bd99e35ed147423faa2a2d77cbc540af.opacity = 0.700000;
obj_bd99e35ed147423faa2a2d77cbc540af.color = [1.000000,1.000000,1.000000];
obj_bd99e35ed147423faa2a2d77cbc540af.file = "files/smallsurface.vtk";
obj_c54ce3e329b84364b5542aeb4c303ece.add(obj_bd99e35ed147423faa2a2d77cbc540af);
obj_c54ce3e329b84364b5542aeb4c303ece.render();

你能围绕这个给出更多的代码行吗？

第一个可能的问题：你是如何写身份证的？与jQuery中不同，If必须是"xtkcontainer"，而不是"#xtkcontaner"。

另一个可能的问题是：您的代码行在窗口加载结束之前执行。您的代码是在正文之后编写的，是在"window.onload"函数中编写的，还是在用户加载窗口或超时事件之后执行的？

Ricola3D

相关文章：