Question

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

r.container = id

我在JS控制台中看到“无法找到给定容器”的错误。我检查过，div在DOM中可见。奇怪的是，这工作正常，但我对加载XTK库的时间做了一些小改动。

Answer 1

提交后 https://github.com/xtk/X/commit/77d6c1e6e3062465acc297f782f410cf5a470211 它应该全部工作！问题是Google Closure Compiler使用$来优化代码，这打破了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();

Answer 2

该代码是一个相当复杂的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();

Answer 3

你可以围绕这一行提供更多代码吗？

第一个可能的问题：你是怎么写你的身份证的？如果必须是'xtkcontainer'而不是'#xtkcontainer'，不像jQuery。

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

Ricola3D

XTK：找不到给定的容器

3 个答案: