Rumah hujung hadapan web tutorial js Dua penyelesaian kepada konflik prototaip jQuery (dengan muat turun sampel demo)_jquery

Dua penyelesaian kepada konflik prototaip jQuery (dengan muat turun sampel demo)_jquery

May 16, 2016 pm 03:19 PM
jquery konflik Penyelesaian

Artikel ini menganalisis dua penyelesaian kepada konflik prototaip jQuery dengan contoh. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Bagaimanakah jquery dan prototaip boleh berkonflik Dalam analisis akhir, ia adalah kerana kedua-duanya menggunakan $, dan ia digunakan pada masa yang sama, yang mengelirukan. Masalah ini telah diselesaikan tidak kurang daripada 5 kali, dan saya perlu menyemaknya setiap kali. Tak sakit pun hehe.

Kaedah 1. Tambahkan kod pada fail perpustakaan teras jquery.

1. Biasanya ia adalah jquery.js, atau jquery.min.js, beberapa dengan nombor versi. Tahu sahaja fail itu.

})( window );
jQuery.noConflict(); //最后面,加上这一行。

Salin selepas log masuk

2. Muatkan fail jquery dan prototaip ujian

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>
<script src="jquery.min.js"></script>

Salin selepas log masuk

3. Cara menulis kod js

<script type="text/javascript">
alert('prototype value : '+$('test').value); //prototype写法
jQuery(document).ready(function($){ //注意这里的,jQuery和$
  alert('jquery value : '+$('#test').val()); //jquery写法
});
</script>

Salin selepas log masuk

Disyorkan kaedah ini, kaedah ini lebih berkesan sekali dan untuk semua

Kod demo lengkap adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="./prototype.js"></script>
<script src="jquery.min.js"></script>
</head>
<body>
<form>
<input id="test" type='text' name='test' value='test'/>
</form>
<script type="text/javascript">
alert('prototype value : '+$('test').value);
jQuery(document).ready(function($){
 alert('jquery value : '+$('#test').val());
});
</script>
</body>
</html>

Salin selepas log masuk

Kaedah 2: Selesaikan konflik di mana jquery dipanggil

1. Muatkan fail jquery dan prototaip ujian

//jquery和prototype,没有先后顺序,谁先谁后都一样。
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>

Salin selepas log masuk

2. kod js

<script type="text/javascript">
jQuery.noConflict(); //解决冲突,这个一定要放在js代码的最前面,不然就会报错了。
alert('prototype value : '+$('test').value);
jQuery(document).ready(function($){
  alert('jquery value : '+$('#test').val());
});
</script>

Salin selepas log masuk

Kaedah ini lebih sesuai untuk situasi di mana fail sumber teras jquery tidak berada pada pelayan anda sendiri, atau kod jquery agak kecil. Contoh demoKlik di sini untuk melihat.

Demo lengkap boleh klik di siniMuat turun dari tapak ini.

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

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Muzium Dua Point: Semua Pameran dan Di Mana Mencari Mereka
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk menyelesaikan masalah kekangan jenis fungsi generik Golang yang dipadamkan secara automatik dalam vscode? Bagaimana untuk menyelesaikan masalah kekangan jenis fungsi generik Golang yang dipadamkan secara automatik dalam vscode? Apr 02, 2025 pm 02:15 PM

Penghapusan automatik Golang Generik Jenis Kekangan Jenis dalam Pengguna VSCode mungkin menghadapi masalah yang aneh ketika menulis kod Golang menggunakan vscode. Bila ...

Kesalahan dan cara biasa untuk mengelakkan char dalam bahasa c Kesalahan dan cara biasa untuk mengelakkan char dalam bahasa c Apr 03, 2025 pm 03:06 PM

Kaedah kesilapan dan mengelakkan untuk menggunakan char dalam bahasa C: Pembolehubah char yang tidak diinisialisasi: Inisialisasi menggunakan pemalar atau literal rentetan. Daripada pelbagai watak: Bandingkan sama ada nilai pembolehubah berada dalam julat yang sah (-128 hingga 127). Perbandingan watak adalah kes-insensitif: gunakan toupper () atau tolower () untuk menukar kes aksara. '\ 0' tidak ditambah apabila merujuk pelbagai watak dengan char*: gunakan strlen () atau secara manual tambah '\ 0' untuk menandakan akhir array. Abaikan saiz array semasa menggunakan array char: Secara jelas nyatakan saiz array atau gunakan sizeof () untuk menentukan panjangnya. Tiada penunjuk NULL tidak diperiksa apabila menggunakan penunjuk char: periksa sama ada penunjuk adalah null sebelum digunakan. Gunakan penunjuk char untuk menunjuk kepada data bukan watak

Apa yang perlu saya lakukan jika saya menghadapi percetakan kod yang dihiasi untuk resit kertas terma depan? Apa yang perlu saya lakukan jika saya menghadapi percetakan kod yang dihiasi untuk resit kertas terma depan? Apr 04, 2025 pm 02:42 PM

Soalan dan penyelesaian yang sering ditanya untuk percetakan tiket kertas terma depan dalam pembangunan front-end, percetakan tiket adalah keperluan umum. Walau bagaimanapun, banyak pemaju sedang melaksanakan ...

Bagaimana cara mencetuskan peristiwa onblur sel dalam mod pengeditan baris Avue-crud? Bagaimana cara mencetuskan peristiwa onblur sel dalam mod pengeditan baris Avue-crud? Apr 04, 2025 pm 02:00 PM

Acara Onblur yang melaksanakan penyuntingan baris Avue-Crud di Perpustakaan Komponen Avue secara manual mencetuskan komponen Avue-Crud. Ia menyediakan fungsi penyuntingan dalam talian yang mudah, tetapi kadang-kadang kita perlu ...

Apa yang tidak berguna dalam bahasa C Apa yang tidak berguna dalam bahasa C Apr 03, 2025 pm 12:03 PM

Null adalah nilai khas dalam bahasa C, yang mewakili penunjuk null, yang digunakan untuk mengenal pasti bahawa pembolehubah penunjuk tidak menunjuk kepada alamat memori yang sah. Memahami Null adalah penting kerana ia membantu mengelakkan kemalangan program dan memastikan kekukuhan kod. Penggunaan umum termasuk pemeriksaan parameter, peruntukan memori, dan parameter pilihan untuk reka bentuk fungsi. Apabila menggunakan NULL, anda harus berhati -hati untuk mengelakkan kesilapan seperti penunjuk menggantung dan lupa untuk memeriksa NULL, dan mengambil cek null yang cekap dan penamaan jelas untuk mengoptimumkan prestasi kod dan kebolehbacaan.

Tutorial mengenai cara mewakili pembahagi biasa dalam fungsi bahasa c Tutorial mengenai cara mewakili pembahagi biasa dalam fungsi bahasa c Apr 03, 2025 pm 11:21 PM

Kaedah untuk mencari pembahagi umum yang paling baik dan elegan dalam bahasa C: menggunakan bahagian fasa untuk menyelesaikan dengan sentiasa membahagikan selebihnya sehingga selebihnya adalah 0. Dua kaedah pelaksanaan disediakan: rekursi dan lelaran adalah ringkas dan jelas, dan pelaksanaan berulang lebih tinggi dan lebih stabil. Beri perhatian untuk mengendalikan nombor negatif dan 0s, dan pertimbangkan pengoptimuman prestasi, tetapi bahagian fasa itu sendiri cukup cekap.

Mengapa kod RXJS saya tidak berkuatkuasa semasa beroperasi di sungai? Mengapa kod RXJS saya tidak berkuatkuasa semasa beroperasi di sungai? Apr 04, 2025 pm 06:27 PM

Mengapa kod saya tidak berkuat kuasa apabila menggunakan RXJS untuk beroperasi di sungai? Belajar RXJS ...

Kenapa kod menggunakan kunci dalam GO kadang -kadang membawa kepada panik? Kenapa kod menggunakan kunci dalam GO kadang -kadang membawa kepada panik? Apr 02, 2025 pm 04:36 PM

Mengapa menggunakan kunci menyebabkan panik sekali -sekala? Mari kita lihat soalan yang menarik: mengapa pergi, walaupun kunci ditambah dalam kod, kadang -kadang ...

See all articles