第一次使用jquery mobile加载页面后事件不起作用

我正在使用JQM 1.1.0和Cordova 1.5.0。第一次使用jquery mobile加载页面后事件不起作用

我有这样

<!DOCTYPE HTML> 
<html> 
<head> 
<title>Index Page</title> 

<!-- Adding viewport --> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<meta name="viewport" content="width=device-width, initial-scale=1"> 

<!-- Adding Phonegap scripts --> 
<script type="text/javascript" charset="utf-8" 
src="cordova/cordova-1.5.0.js"></script> 

<!-- Adding jQuery mobile and jQuery scripts & CSS --> 
<script type="text/javascript" src="jquery/jquery-1.7.1.min.js"></script> 
<link rel="stylesheet" 
href="jquerymobile/jquery.mobile-1.1.0-rc.1.min.css" /> 
<script type="text/javascript" src="jquery/jquery.validate.min.js"></script> 
<script type="text/javascript" 
src="jquerymobile/jquery.mobile-1.1.0-rc.1.min.js"></script> 
<link rel="stylesheet" href="css/colors.css"> 

<script type="text/javascript"> 

$("#page1").live("pageinit", function(e) { 
console.log("pageinit1"); 
    } 

$("#page2").live("pageinit", function(e) { 
console.log("pageinit2"); 
    } 
</script> 
<body> 
<div data-role="page" id="page1"> 
    <div data-role="header">Page 1</div> 
    <div data-role="content"></div> 
</div> 

<div data-role="page" id="page2"> 
    <div data-role="header">Page 2</div> 
    <div data-role="content"></div> 
</div> 
</body>

此代码代码是Android工作的罚款。但在iOS中，只要页面加载，然后页面1的pageinit事件不会被解雇，如果我更改page2然后一切都很好..为什么会发生这种情况？

来源

2012-04-04 Coder_sLaY

我只需要在data-role =“page”后写入我的javaScript函数以使其工作...

来源

2012-04-06 19:10:42

我不太确定，但因为我知道JQ1.7.x中的实时功能已经改变，现在您将不得不使用on（）函数，它对您的代码编码方式做了很小的修改。

来源

2012-04-05 06:02:49 zaherg

+1的信息:) – 2012-04-06 15:45:31

第一次使用jquery mobile加载页面后事件不起作用

回答

相关问题