在jQuery Mobile中使用pageInit（）初始化代碼

我正嘗試使用pageInit（）函數爲jQuery移動頁面初始化javascript。我在下面概述了一些我似乎無法工作的嘗試。任何人都可以告訴我我做錯了什麼。還有沒有辦法做到這一點使用$（this）而不是使用頁面顯式名稱？在jQuery Mobile中使用pageInit（）初始化代碼

pageInit.html：

<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" 
    /> 
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
    <script src="http://jqueryui.com/ui/jquery-1.7.1.js"></script> 
    <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script> 
    <script src="http://jqueryui.com/ui/jquery.ui.core.js"></script> 
    <script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script> 
    <script src="http://jqueryui.com/ui/jquery.ui.position.js"></script> 
    <script src="http://jqueryui.com/ui/jquery.ui.autocomplete.js"></script> 
    <script src="http://code.jquery.com/ui/1.8.20/jquery-ui.min.js" 
    type="text/javascript"></script> 
    <script src="functions.js"></script> 
</head> 

<body> 
    <script> 
     alert("script"); 
     $(this).live('pageinit', function (event) { 
      //$('pageInit.html').live('pageinit',function(event){ 
      //$('#pageInit').live('pageinit',function(event){ 
      //$('#pageInit.html').live('pageinit',function(event){ 
      alert("Page Initialized"); 
     }); 
    </script> 
</body>

來源

2012-08-03 Ben Pearce

的pageinit事件在文檔被解僱。使用live也沒有意義。相反，我會使用bind。例如：

$(document).bind('pageinit', function (event) { 
     alert("Page Initialized"); 
    });

查看jQuery mobile documentation瞭解更多信息。

來源

2012-08-03 18:11:21 vcsjones

在jQuery Mobile中使用pageInit（）初始化代碼

回答

相關問題