Gunakan jQuery .toggle () dengan hidup atau mengikat

3 Secara ringkasnya, anda boleh menggunakan secara langsung dan bertukar -tukar bersama tetapi untuk pengekodan amalan terbaik anda tidak seharusnya. Kedua -dua jQuery .Live () dan jQuery .toggle () secara automatik membuat peristiwa mengikat sendiri ke elemen. Ini menyebabkan masalah apabila ia digunakan bersama kerana anda perlu mengklik butang dua kali untuk mendapatkan togol untuk berfungsi. Jalan di sekitar ini adalah dengan menggunakan acara Live ('Click') dengan acara Toggle Inside anda boleh menambah arahan .trigger ('klik') ke akhir fungsi panggilan seperti ini:

Satu lagi cara ialah menggunakan kaedah .data tetapi ini akan menjadi berlebihan dan cara yang panjang untuk menyelesaikan teka -teki.

Soalan Lazim (Soalan Lazim) Mengenai JQuery Toggle

Apakah perbezaan antara toggle () dan toggleclass ()? Ini bermakna jika elemen pada mulanya dipaparkan, ia akan tersembunyi dan sebaliknya. Sebaliknya, fungsi toggleclass () digunakan untuk menambah atau mengeluarkan satu atau lebih kelas dari elemen yang dipilih. Ini bermakna bahawa jika kelas yang ditentukan (es) wujud, ia akan dikeluarkan dan jika ia tidak wujud, ia akan ditambah. Sebagai contoh, jika anda mempunyai pelbagai elemen div dengan kelas 'mydiv', anda boleh menukar penglihatan mereka menggunakan $ ('. Mydiv'). Fungsi togol () boleh mengambil dua parameter: tempoh dan panggilan balik. Parameter tempoh menentukan tempoh animasi, dan parameter panggil balik adalah fungsi yang akan dilaksanakan selepas fungsi togol () selesai. Sesetengah isu biasa termasuk: Perpustakaan JQuery tidak dimasukkan dengan betul dalam projek anda, elemen yang anda cuba pilih tidak wujud atau CSS memaparkan sifat elemen ditetapkan kepada 'Tiada'. Sebagai contoh, anda boleh membuat fungsi yang mengubah teks butang apabila ia diklik menggunakan fungsi togol ().

Bolehkah saya menggunakan toggle jQuery () dengan hover?

Ya, anda boleh menggunakan fungsi toggle jQuery () dengan hover. Walau bagaimanapun, kerana acara hover bukanlah acara JavaScript standard, anda perlu menggunakan acara MouseEnter dan Mouseleave. Anda boleh menggunakan fungsi togol () dalam fungsi panggilan balik peristiwa -peristiwa ini untuk menunjukkan atau menyembunyikan elemen apabila penunjuk tetikus memasuki atau meninggalkannya. Anda boleh menggunakan peristiwa perubahan kotak semak untuk memanggil fungsi togol () apabila perubahan keadaan yang diperiksa. Sama seperti kotak semak, anda boleh menggunakan peristiwa perubahan butang radio untuk memanggil fungsi togol () apabila butang radio yang dipilih berubah.

Bagaimana saya boleh menggunakan jQuery toggle () dengan menu dropdown? Anda boleh menggunakan acara klik butang dropdown untuk memanggil fungsi togol ().

Bolehkah saya menggunakan toggle jQuery () dengan borang? Sebagai contoh, anda boleh menunjukkan atau menyembunyikan medan input teks berdasarkan pilihan yang dipilih menu lungsur turun menggunakan fungsi togol ().

Atas ialah kandungan terperinci Gunakan jQuery .toggle () dengan hidup atau mengikat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!