本文实例分析了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 = '<"htmlcode">
<input type="hidden" id='color' value='<"text/javascript"> color = $('.ui-page-active #color').val(); </script>
希望本文所述对大家jQuery程序设计有所帮助。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
金钱帮资源网 Copyright www.kbjia.com
暂无“jquery mobile开发常见问题分析”评论...
更新日志
2024年10月14日
2024年10月14日
- 群星《歌手2024 第4期》[FLAC/分轨][563.76MB]
- RiffKitten-ChaosParade(2024)[24-44,1]FLAC
- RuneKlakegg-Nattevandrer(2024)[24-96]\FLAC
- 赖冰霞.2006-金嗓典藏辑2IN1(南方金点系列)2CD【南方】【WAV+CUE】
- 群星.1988-国语金曲尽精英VOL.2【瑞成】【WAV+CUE】
- 张宇.1999-雨一直下【EMI百代】【WAV+CUE】
- 袁娅维.2021-月亮失眠了(DELUXE)【华纳】【FLAC分轨】
- AlanBroadbent-JazzFunk(2024)[24-44,1]
- 梅艳芳《绝代芳华》开盘母带[低速原抓WAV+CUE]
- ABC唱片-《外国精逊母带直刻神奇黑胶[APE+CUE].
- 群星《天赐的声音第五季 第6期》[320K/MP3][101.43MB]
- 群星《天赐的声音第五季 第6期》[FLAC/分轨][526.16MB]
- 群星《说唱梦工厂 第2期》[320K/MP3][96.37MB]
- 杨宗宪.1994-留你留袂着【有容唱片】【WAV+CUE】
- 李翊君.2005-勇敢的爱【创意唱片】【WAV+CUE】