jquery mobile開發(fā)常見問題分析
更新時間：2016年01月21日 14:42:26 作者：張映
這篇文章主要介紹了jquery mobile開發(fā)常見問題,結(jié)合實例形式分析了jQuery mobile插件使用過程中的常見錯誤問題與對應(yīng)的解決方法,需要的朋友可以參考下
本文實例分析了jquery mobile開發(fā)常見問題。分享給大家供大家參考，具體如下：
jquery mobile功能很強大，有了它，不用在程序中，寫方法去判斷，是什么手機了，完全可以用js來實現(xiàn)各種智能手機的的兼容性。也是因為功能強大，jquery mobile插件，200多K，min也有140多K。
1、jquery mobile是通過ajax來進行頁面請求，ajax大家都知道，是不涮新頁面的。也就是說地址欄的變動也不是真實的涮新。這樣就有問題了，js只有刷新頁面的時候才會執(zhí)行，起作用，頁面中的js代碼刷新頁面起作用，點了頁面里面的跳轉(zhuǎn)，在轉(zhuǎn)回來就不起作用了。
錯誤代碼：
<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不要用一樣的，不然只會讀取第一個。多頁面在一個頁面里面，會出現(xiàn)很多問題。例如算標簽到窗口頂部的距離，就會不準。
錯誤寫法：
$('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?>';
對于這個問題，也沒有找到是什么原因產(chǎn)生的。但是，可以用其他方法解決。
<input type="hidden" id='color' value='<?php echo $color;?>'>
<script type="text/javascript">
color = $('.ui-page-active #color').val();
</script>
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
jquery 的 $("#id").html() 無內(nèi)容的解決方法
今天在做一個輸入用到j(luò)query的.html方法，可是用.html（）輸不出來2010-06-06
jquery提示效果有很多，本文也提供一個超漂亮的仿騰訊彈出層效果，熱愛特效的你可千萬不要錯過了啊，希望本文提供的案例對你學習jquery特效有所幫助2013-02-02
今天自己寫了個輕量級的三級展開菜單，如果需要可以在增加一級別，一般公司的項目三級都足夠了。2011-04-04
圖片上下切換效果,學習jquery的朋友可以參考下。2011-03-03
這篇文章主要為大家詳細介紹了如何利用JQuery寫一個簡單的異步分頁插件，感興趣的小伙伴們可以參考一下2016-03-03
想在網(wǎng)上找一個插件用用，可是，網(wǎng)上的插件看起來都比較雜亂，我參考了網(wǎng)上的一些插件，自己用jquery寫了一個多選下拉框2014-05-05
js頁面滾動時層智能浮動定位實現(xiàn)(jQuery/MooTools)
關(guān)于層的智能浮動效果早在幾年前我就在國外的一些個人網(wǎng)站的垂直導航上見到了，現(xiàn)在似乎在國內(nèi)一些商業(yè)網(wǎng)站上也屢見此效果2011-08-08
基于jquery的關(guān)于動態(tài)創(chuàng)建DOM元素的問題
在我們實際的項目之中，相信有很多的朋友直接使用了以下的格式創(chuàng)建DOM元素。2010-12-12
大家都知道m(xù)ap()方法主要用來遍歷操作數(shù)組和對象，這篇文章將給大家詳細介紹關(guān)于jQuery遍歷map()方法的內(nèi)容，文章給出了詳細的示例代碼，對大家的理解和學習很有幫助，有需要的朋友們下面來一起學習學習吧。2016-11-11
這篇文章主要介紹了基于jquery實現(xiàn)左右按鈕點擊的圖片切換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-11-11