我已经尝试过 xtk 版本 2 以及从源代码构建 xtk.js,当 xtk 与 jquery 一起使用时,似乎存在一个问题(在版本 1 中不存在)。
不管我做什么,我总是得到一个
"Uncaught Error: Could not find the given container or it has an undefined size."
在 javascript 控制台中。
为了重现该问题,我修改了 xtk wiki 上的示例 html 页面,为方便起见,在此报告:
<html>
<head>
<title>XTK TEST COMPILED!</title>
<script type="text/javascript" src="xtk.js"></script>
<script type="text/javascript">
var run = function() {
var r = new X.renderer('r');
r.init();
var cube = new X.cube([0,0,0],10,10,10);
r.add(cube);
r.render();
};
</script>
<body onload="run()">
<!-- the container for the renderer -->
<div id="r" style="background-color: #000000; width: 100%; height: 100%;"></div>
</body>
并将其更改为
<html>
<head>
<title>XTK TEST COMPILED!</title>
<script type="text/javascript" src="xtk.js"></script>
<script type="text/javascript" src="jquery-1.7.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var r = new X.renderer('r');
r.init();
var cube = new X.cube([0,0,0],10,10,10);
r.add(cube);
r.render();
});
</script>
<body>
<!-- the container for the renderer -->
<div id="r" style="background-color: #000000; width: 100%; height: 100%;"></div>
</body>
如果你测试这个页面(我试过 Chrome 和 Firefox),你会得到上面报告的错误。
关于如何解决这个问题的任何想法?我正在调查...