用按钮单击更改x3dom模型

问题描述:

我有两个x3d文件,即1.x3d12.x3d,我想用按钮将它们加载到画布上,但我的代码似乎不起作用。我在左上方看到加载图标,但模型不会更改。用按钮单击更改x3dom模型

这里是我的代码: -

<!DOCTYPE html> 
    <html> 
    <head> 
     <meta http-equiv='Content-Type' content='text/html;charset=utf-8'></meta> 
     <link rel='stylesheet' type='text/css' href='http://www.x3dom.org/x3dom/release/x3dom.css'></link> 
     <script type='text/javascript' src='http://www.x3dom.org/x3dom/release/x3dom.js'></script> 


     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
     <script> 
      $(document).ready(function(){ 
      $("button").click(function(){ 
      $("x3d > scene > inline").attr("url", "1.x3d"); 
      }); 
     }); 
     </script> 

    </head> 
    <body> 

     <button> Click to Change Background </button> 

     <x3d id='someUniqueId' showStat='false' showLog='false' x='0px' y='0px' width='400px' height='400px'> 
     <scene> 
      <inline id="myinline" url='12.x3d' ></inline> 
     <scene> 
     </x3d> 
    </body> 
</html> 

我测试了它和它的作品,因为它应该,但你不能测试本地。

XMLHttpRequest无法加载file:/// C:/Users/xxx/Desktop/12.x3d。协议方案仅支持交叉源请求:http,data,chrome,chrome-extension,https,chrome-extension-resource。

+0

我有一个网络服务器: - http://mytestsite.webatu.com/inline.html。当我点击更改按钮时,加载图标旋转一秒钟,然后加载相同的模型。 – anath2