我試過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