Artikel ini menganalisis masalah biasa dalam pembangunan mudah alih jquery dengan contoh. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:
jquery mudah alih sangat berkuasa Dengannya, anda tidak perlu menulis kaedah dalam program untuk menentukan jenis telefon bimbit anda boleh menggunakan js untuk mencapai keserasian dengan pelbagai telefon pintar. Ia juga kerana fungsinya yang berkuasa Pemalam mudah alih jquery mempunyai lebih daripada 200 K dan min mempunyai lebih daripada 140 K.
1. jquery mobile membuat permintaan halaman melalui ajax Seperti yang semua orang tahu, ajax tidak mengepam halaman baharu. Dengan kata lain, perubahan dalam bar alamat bukanlah kemas kini sebenar. Terdapat masalah. JS hanya akan dilaksanakan dan berfungsi apabila halaman dimuat semula. Kod JS dalam halaman akan berfungsi apabila halaman dimuat semula belakang.
Kod ralat:
<script type="text/javascript"> $(function(){ $('#search01').bind("click",function(){ $('.searchPanel').show(); }); }); </script>
Kod yang betul:
<script type="text/javascript"> $(function(){ $('#search01').live("click",function(){ //jquery 1.7系列 $('.searchPanel').show(); }); }); </script>
Jika ia adalah siri jquery 1.9
<script type="text/javascript"> $(document).on('click', '#search01', function () { //jquery 1.9系列 $('.searchPanel').show(); }); </script>
2. Semua halaman berada dalam satu halaman Pada masa ini, berhati-hati untuk tidak menggunakan ID yang sama, jika tidak hanya yang pertama akan dibaca. Jika terdapat beberapa halaman dalam satu halaman, banyak masalah akan timbul. Sebagai contoh, pengiraan jarak dari label ke bahagian atas tetingkap akan menjadi tidak tepat.
Ejaan yang salah:
$('html,body').animate({ scrollTop: $('.content').offset().top }, 100);
Masalah menulis dengan cara ini ialah mungkin terdapat banyak halaman di hadapan halaman semasa, jadi nilai teratas akan menjadi salah Jika anda memuat semula halaman, nilainya akan betul
Tulisan yang betul:
$('html,body').animate({ scrollTop: $('.ui-page-active .content').offset().top }, 100);
.ui-page-active menunjukkan halaman yang sedang aktif, jadi ketinggian yang dikira adalah betul.
3. Menugaskan pembolehubah PHP kepada pembolehubah JS kadangkala berfungsi, kadangkala tidak.
<input type="hidden" id='color' value='<?php echo $color;?>'> <script type="text/javascript"> color = $('.ui-page-active #color').val(); </script>
Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.