2012-02-16 84 views
0

我试过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),你会得到上面报告的错误。

有关如何解决此问题的任何想法?我正在调查...

+0

其实,我找到了一个解决方法:当使用$方法时,问题似乎正在发生。用jQuery替换$似乎避免了这个问题。 – user1191229 2012-02-16 12:27:37

回答

0

我很高兴它现在可以工作!你可以检查出(未发行)的演示,我们使用JQuery,以及:

http://demos.goxtk.com/evl/

只是一个测试:你确定它XTK R1的工作有什么不同?我不认为在这个水平上有什么变化..

+0

非常感谢指向演示的指针。我不确定,发生了什么事。我发布的代码失败了,现在不复存在了。我会及时向大家发布。 – user1191229 2012-02-17 22:30:24