用按钮单击更改x3dom模型
问题描述:
我有两个x3d文件,即1.x3d
和12.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。
我有一个网络服务器: - http://mytestsite.webatu.com/inline.html。当我点击更改按钮时,加载图标旋转一秒钟,然后加载相同的模型。 – anath2