Analisis masalah biasa dalam jquery mobile development

Analisis masalah biasa dalam jquery mobile development_jquery

WBOY

Lepaskan： 2016-05-16 15:18:53

asal

1190 orang telah melayarinya

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>

Salin selepas log masuk

Kod yang betul:

<script type="text/javascript">
$(function(){
  $('#search01').live("click",function(){ //jquery 1.7系列
    $('.searchPanel').show();
  });
});
</script>

Salin selepas log masuk

Jika ia adalah siri jquery 1.9

<script type="text/javascript">
$(document).on('click', '#search01', function () { //jquery 1.9系列
  $('.searchPanel').show();
});
</script>

Salin selepas log masuk

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);

Salin selepas log masuk

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);

Salin selepas log masuk

.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.

Salin kod Kod adalah seperti berikut:

warna = '
Punca masalah ini belum ditemui. Walau bagaimanapun, ia boleh diselesaikan dengan cara lain.

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

Salin selepas log masuk

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.