Rumah > hujung hadapan web > tutorial js > Analisis ringkas tentang acara permulaan jQuery Mobile_jquery

Analisis ringkas tentang acara permulaan jQuery Mobile_jquery

WBOY
Lepaskan: 2016-05-16 15:27:41
asal
1831 orang telah melayarinya

jQuery Mudah Alih termasuk acara permulaan yang dimuatkan walaupun sebelum acara document.ready jQuery. jQuery Mobile sebenarnya melancarkan acara permulaannya pada objek dokumen itu sendiri, dan peristiwa pertama yang dicetuskan ialah mobileinit.

Apabila Jquery Mobile mula melaksanakan, ia akan mencetuskan acara mobileinit pada objek dokumen Kerana peristiwa mobileinit dicetuskan serta-merta selepas memuatkan, anda perlu mengikat pengendali acara anda sebelum Jquery Mobile dimuatkan, jadi saya cadangkan Anda mengatur rujukan js anda. order seperti berikut

<script src="Jquery.js"></script>
<script src="您自己的js文件"></script>
<script src="Jquery-mobile.js"></script>
Salin selepas log masuk

Untuk melanjutkan acara mobileinit, anda perlu mengikatnya dahulu dengan fungsi tersuai. Acara mobileinit boleh dilanjutkan menggunakan kaedah bind untuk mengatasi konfigurasi lalai (pilihan global).

$(document).bind("mobileinit", function(){
//覆盖的代码
});
Salin selepas log masuk

Di dalam fungsi yang mengikat acara, anda boleh menggunakan kaedah $.extend objek $.mobile untuk mengkonfigurasi nilai parameter lalai:

$(document).bind("mobileinit", function(){
 $.extend( $.mobile , {
 foo: bar
 });
});
Salin selepas log masuk

Atau tetapkannya secara individu.

$(document).bind("mobileinit", function(){
 $.mobile.foo = bar;
});
Salin selepas log masuk

Objek $.mobile ialah titik permulaan untuk menetapkan semua sifat

<script type="text/java script" src="/scripts/jquery-1.6.min.js"></script>
<script type="text/java script">
$(document).bind("mobileinit", function(){
$.mobile.defaultTransition = "slidedown";
$.mobile.ajaxLinksEnabled = false; // 禁用Ajax提交
$.mobile.ajaxFormsEnabled = false; // 禁用Ajax提交
$.mobile.ajaxEnabled = false; //禁用Ajax提交
});
</script>
<script type="text/java script" src="/scripts/mobile/jquery.mobile-1.0b1.min.js"></script>
Salin selepas log masuk

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan