jquery mobile開發常見問題分析，jquerymobile

jquery mobile開發常見問題分析，jquerymobile

本文執行個體分析了jquery mobile開發常見問題。分享給大家供大家參考，具體如下：

jquery mobile功能很強大，有了它，不用在程式中，寫方法去判斷，是什麼手機了，完全可以用js來實現各種智能手機的的相容性。也是因為功能強大，jquery mobile外掛程式，200多K，min也有140多K。

1、jquery mobile是通過ajax來進行頁面請求，ajax大家都知道，是不涮新頁面的。也就是說地址欄的變動也不是真實的涮新。這樣就有問題了，js只有重新整理頁面的時候才會執行，起作用，頁面中的js代碼重新整理頁面起作用，點了頁面裡面的跳轉，在轉回來就不起作用了。

錯誤碼：

<script type="text/javascript">$(function(){  $('#search01').bind("click",function(){    $('.searchPanel').show();  });});</script>

正確代碼：

<script type="text/javascript">$(function(){  $('#search01').live("click",function(){ //jquery 1.7系列    $('.searchPanel').show();  });});</script>

如果是jquery 1.9系列的

<script type="text/javascript">$(document).on('click', '#search01', function () { //jquery 1.9系列  $('.searchPanel').show();});</script>

2、所有頁面都在一個頁面裡面，這個時候，就要注意了，id不要用一樣的，不然只會讀取第一個。多頁面在一個頁面裡面，會出現很多問題。例如算標籤到視窗頂部的距離，就會不準。

錯誤寫法：

$('html,body').animate({   scrollTop: $('.content').offset().top}, 100);

這樣寫的問題是，當前頁面，前面很可能有很多頁面，這樣top值就不對了，你如果重新整理頁面值就會正確

正確寫法：

$('html,body').animate({   scrollTop: $('.ui-page-active .content').offset().top}, 100);

.ui-page-active，表示當前啟用的頁面，這樣算出來的高度就是對的。

3、php變數賦值給JS變數，有的時候會起作用，有的時候不能。
複製代碼 代碼如下:color = '<?php echo $color?>';
對於這個問題，也沒有找到是什麼原因產生的。但是，可以用其他方法解決。

<input type="hidden" id='color' value='<?php echo $color;?>'><script type="text/javascript">  color = $('.ui-page-active #color').val();</script>

希望本文所述對大家jQuery程式設計有所協助。

您可能感興趣的文章:

• jquery.mobile 共同布局遇到的問題小結
• jquery mobile的觸控點擊事件會多次觸發問題的解決方案
• jQuery Mobile彈出窗、彈出層知識匯總
• jQuery mobile類庫使用時載入導航曆史的方法簡介
• jQuery mobile轉換url地址及擷取url中目錄部分的方法
• 使用jQuery mobile庫檢測url絕對位址和相對位址的方法
• 淺析jQuery Mobile的初始化事件
• jquerymobile局部渲染的各種重新整理方法小結