4
回答
关于jquery.on()方法的一点疑惑
注册华为云得mate10,2.9折抢先购!>>>   

先把代码贴出来~

<!DOCTYPE html>
<html>
<head>
	<title>jQuery Mobile 中的page事件</title>
	<meta name="viewport" content="width=device-width, initial-scale=1" /> 
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<link rel="stylesheet" type="text/css" href="jquery.mobile-1.3.1.css" charset="utf-8">
	<script type="text/javascript" charset="utf-8" src="js/jquery-1.9.1.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/jquery.mobile-1.3.1.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/phonegap-1.3.0.js"></script>
	<script type="text/javascript"> 
	   $(document).on("pagebeforecreate", "#e1", function() {  
	        alert("Page Before Create");
	   }) 
       $(document).on("pageinit", "#e1", function() {  
           alert("Page Init");
           document.getElementById("re1").value = "Page Init";
       })
       $(document).on("pagecreate", "#e1", function() {  
           alert("Page Create");
       })  
       $(document).on("click", "#re2", function() {  
           alert("Hello");  
       })   
   </script>
</head>
<body>
	<div data-role="page" id="e1" data-add-back-btn="true">
		<div data-role="header">
			<h1>创建页面</h1>
		</div>
		<div data-role="content">
			<input id="re1" type="text" />
			<input id="re2" type="button" value="Click" />
		</div>
		<div data-role="footer">
			<h4>Footer</h4>
		</div>
	</div>
</body>
</html>
疑惑:此代码用Chrome直接运行没有任何问题,但是部署到Android模拟器(2.3.3)上面运行就没有任何效果。
不知为何?

举报
黃健民
发帖于5年前 4回/5K+阅
共有4个答案 最后回答: 5年前

引用来自“puras”的答案

把代码放到$(function() {});里呢?

$(document).on("pagebeforecreate", "#e1", function() {  
	        alert("Page Before Create");
	   })
这段代码按照你这么改、、、这么选择页面元素和绑定事件类型呢?

$(function() {

$(document).on("pagebeforecreate", "#e1", function() { 
13             alert("Page Before Create");
14        })
15        $(document).on("pageinit", "#e1", function() { 
16            alert("Page Init");
17            document.getElementById("re1").value = "Page Init";
18        })
19        $(document).on("pagecreate", "#e1", function() { 
20            alert("Page Create");
21        }) 
22        $(document).on("click", "#re2", function() { 
23            alert("Hello"); 
24        }) 

});

顶部