欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery mobile開發(fā)常見問題分析

 更新時(shí)間：2016年01月21日 14:42:26   作者：張映  
這篇文章主要介紹了jquery mobile開發(fā)常見問題,結(jié)合實(shí)例形式分析了jQuery mobile插件使用過程中的常見錯(cuò)誤問題與對(duì)應(yīng)的解決方法,需要的朋友可以參考下

本文實(shí)例分析了jquery mobile開發(fā)常見問題。分享給大家供大家參考，具體如下：

jquery mobile功能很強(qiáng)大，有了它，不用在程序中，寫方法去判斷，是什么手機(jī)了，完全可以用js來實(shí)現(xiàn)各種智能手機(jī)的的兼容性。也是因?yàn)楣δ軓?qiáng)大，jquery mobile插件，200多K，min也有140多K。

1、jquery mobile是通過ajax來進(jìn)行頁面請(qǐng)求，ajax大家都知道，是不涮新頁面的。也就是說地址欄的變動(dòng)也不是真實(shí)的涮新。這樣就有問題了，js只有刷新頁面的時(shí)候才會(huì)執(zhí)行，起作用，頁面中的js代碼刷新頁面起作用，點(diǎn)了頁面里面的跳轉(zhuǎn)，在轉(zhuǎn)回來就不起作用了。

錯(cuò)誤代碼：

<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、所有頁面都在一個(gè)頁面里面，這個(gè)時(shí)候，就要注意了，id不要用一樣的，不然只會(huì)讀取第一個(gè)。多頁面在一個(gè)頁面里面，會(huì)出現(xiàn)很多問題。例如算標(biāo)簽到窗口頂部的距離，就會(huì)不準(zhǔn)。

錯(cuò)誤寫法：

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

這樣寫的問題是，當(dāng)前頁面，前面很可能有很多頁面，這樣top值就不對(duì)了，你如果刷新頁面值就會(huì)正確

正確寫法：

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

.ui-page-active，表示當(dāng)前激活的頁面，這樣算出來的高度就是對(duì)的。

3、php變量賦值給JS變量，有的時(shí)候會(huì)起作用，有的時(shí)候不能。

復(fù)制代碼 代碼如下:
color = '<?php echo $color?>';

對(duì)于這個(gè)問題，也沒有找到是什么原因產(chǎn)生的。但是，可以用其他方法解決。

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

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論