我试过xtk版本2以及从源代码构建xtk.js,当xtk与jquery一起使用时,似乎存在一个问题(在版本1中没有)。xtk和jquery问题
不管我做什么,我总是在JavaScript控制台中获得
"Uncaught Error: Could not find the given container or it has an undefined size."
。
要重现该问题,我修改的XTK维基样本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),你会得到上面报告的错误。
有关如何解决此问题的任何想法?我正在调查...
其实,我找到了一个解决方法:当使用$方法时,问题似乎正在发生。用jQuery替换$似乎避免了这个问题。 – user1191229 2012-02-16 12:27:37