国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery mobile開發常見問題分析

2019-11-20 10:45:12
字體:
來源:轉載
供稿:網友

本文實例分析了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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 浑源县| 鹤岗市| 麦盖提县| 老河口市| 明水县| 涿州市| 临城县| 扎兰屯市| 明光市| 英超| 辽宁省| 陇南市| 乌审旗| 洛扎县| 山东| 东乡族自治县| 元朗区| 江永县| 石泉县| 晋中市| 弥勒县| 东乌珠穆沁旗| 雷州市| 社会| 镇巴县| 大理市| 保靖县| 南昌市| 西丰县| 基隆市| 浙江省| 屏边| 贵阳市| 三明市| 本溪| 六安市| 卫辉市| 馆陶县| 龙井市| 唐河县| 利津县|