gpt4 book ai didi

jquery mobile 和 Three.js 使文档加载两次

转载 作者:行者123 更新时间:2023-12-01 05:57:27 26 4
gpt4 key购买 nike

我在玩 jquery mobile 和 Three.js。

这是我的代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

<title>Hello World</title>
</head>
<body>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.mobile-1.2.0.js"></script>
<script src="js/three.min.js"></script>

<script>

var camera, scene, renderer;
var geometry, material, mesh;

init();
animate();

function init() {

camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
camera.position.z = 1000;

scene = new THREE.Scene();

geometry = new THREE.CubeGeometry( 200, 200, 200 );
material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );

mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );

renderer = new THREE.CanvasRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );

document.body.appendChild( renderer.domElement );
$(document).live("vclick", function (evt) {
alert('list click');
});
}

function animate() {

// note: three.js includes requestAnimationFrame shim
requestAnimationFrame( animate );


mesh.rotation.x += 0.01;
mesh.rotation.y += 0.02;

renderer.render( scene, camera );

}

</script>
</body>
</html>

这是来自 Three.js 的示例,运行良好。虽然如果我包含 jquery mobile 和 jquery 库,则文档会加载两次。 (有一个矩形,如果向下滚动,会出现一个旋转立方体,并且底部有两次“正在加载”文本。)

有人可以解释一下发生了什么吗?我只包含了两个 jquery 库。

最佳答案

这是一个 jquery 移动怪癖。尝试将脚本移至 head,而不是 body。如果这不能解决问题,请将您的 Three.js 代码移至 jqm 的 pageinit 中:

$(document).bind('pageinit', function() {
// your code here...
})

关于jquery mobile 和 Three.js 使文档加载两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14043331/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com