单击按钮更改x3dom模型

时间:2015-05-29 12:43:16

标签: javascript x3dom

我有两个x3d文件,即1.x3d12.x3d,我想使用一个按钮将它们加载到画布上,但我的代码似乎无法正常工作。我在左上角看到了加载图标,但模型没有变化。

这是我的代码: -

<!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>

1 个答案:

答案 0 :(得分:0)

我测试了它并且它可以正常工作,但你不能测试本地。

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