使用pageinit（）代替document.ready

我嘗試了很多使用我的應用程序作爲jquerymobile但沒有成功的方法。我知道我必須使用pageinit來代替文檔準備好。你能告訴我正確的做法嗎？當我添加它時，它只是不起作用。這裏是代碼使用pageinit（）代替document.ready

<head> 
<link rel="stylesheet" href="https://s3.amazonaws.com/codiqa-cdn/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
<script> 
    if (navigator.userAgent.match(/Android/i)) { 
     window.scrollTo(0, 1); 
    } 
</script> 
<script src="https://s3.amazonaws.com/codiqa-cdn/jquery-1.7.2.min.js"></script> 
<script src="https://s3.amazonaws.com/codiqa-cdn/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
<script> 
    try { 
     $(function() {}); 
    } catch (error) { 
     console.error("Your javascript has an error: " + error); 
    } 
</script> 
<script> 
    $(document).ready(function() { 
     $("form").change(function() { 
      $.post("test2.php", 
      $("#myform").serialize()); 
     }); 
    }); 
</script> 
</head> 
<body> 
    <div id="my-page" data-role="page"> 
     <form name="myform" id="myform" method="get"> 
      <label for="DogalGaz">Doğal Gaz</label> 
      <select name="DogalGaz" id="DogalGaz" data-theme="" data-role="slider"> 
       <option value="">Seçiniz</option> 
       <option value="off">Off</option> 
       <option value="on">On</option> 
      </select> 
     </form> 
    </div>

我做的只是簡單地發送表單數據到test2.php文件和過程。感謝您的幫助

來源

2013-04-22 BKadmin

您是否閱讀過http://jquerymobile.com/demos/1.2.0/docs/api/events.html？ – 2013-04-22 13:28:33

是的，我做到了。但我現在正在這個jq和javascript上。最好的方法來幫助我編輯我的代碼。我得到這個錯誤：Uncaught TypeError：Object [object Object] has no'live'.... – BKadmin 2013-04-22 14:35:00

'live（）'在jQuery 1.9中不存在，您可以使用'on（）'來代替。也就是說，我建議你用你試過的jQuery Mobile代碼更新你的問題，這樣我們就可以看到你如何綁定到'pageinit'和你可能遇到的其他問題。 – 2013-04-22 14:48:34

的Flip Toggle Switch應該有2種選擇，而不是3

試試這個：

<!DOCTYPE html> 
<head> 
<link rel="stylesheet" href="https://s3.amazonaws.com/codiqa-cdn/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
<script> 
    if (navigator.userAgent.match(/Android/i)) { 
     window.scrollTo(0, 1); 
    } 
</script> 
<script src="https://s3.amazonaws.com/codiqa-cdn/jquery-1.7.2.min.js"></script> 
<script src="https://s3.amazonaws.com/codiqa-cdn/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
<script> 
    $(document).on('pageinit', function() { 
     $("#myform").change(function() { // use #myform instead of form to only serialize one form. 
      $.post("test2.php", 
       $("#myform").serialize()); 
     }); 
    }); 
</script> 
</head> 
<body> 
    <div id="my-page" data-role="page"> 
     <!-- include action and method in case javascript handler fails --> 
     <form name="myform" id="myform" action="test2.php" method="post"> 
      <label for="DogalGaz">Doğal Gaz. Seçiniz: </label> 
      <select name="DogalGaz" id="DogalGaz" data-theme="" data-role="slider"> 
       <option value="off">Off</option> 
       <option value="on">On</option> 
      </select> 
     </form> 
    </div> 
</body> 
</html>

這將張貼到test2.php每次開關切換時間。

來源

2013-04-25 07:19:53 user508994

你也想在頁面上顯示test2.php的結果嗎？ – user508994 2013-04-25 07:20:46

使用pageinit（）代替document.ready

回答

相關問題