Bagaimana untuk Menghalang Menu Jatuh Turun Bootstrap Twitter daripada Menutup pada Klik Dalaman?

Menghalang Menu lungsur Menutup pada Klik Dalaman

Untuk menghalang menu lungsur Twitter Bootstrap daripada ditutup apabila elemen dalaman diklik, penyelesaian yang mengelak pengendalian acara klik yang diwakilkan diperlukan. Berikut ialah penjelasan terperinci dan penyelesaian yang dicadangkan:

Secara lalai, menu lungsur Twitter Bootstrap ditutup pada sebarang klik, walaupun dalam menu itu sendiri. Untuk mengatasi gelagat ini, satu pendekatan biasa melibatkan melampirkan pengendali acara klik pada menu lungsur dan memanggil acara.stopPropagation() untuk menghalang penyebaran acara.

Walau bagaimanapun, untuk persediaan yang menggunakan komponen seperti kawalan karusel, acara yang diwakilkan mekanisme pengendalian Twitter Bootstrap boleh mengganggu tingkah laku yang dimaksudkan. Dalam keadaan sedemikian, mengklik pada kawalan ini mungkin tidak mencetuskan tindakan yang dijangkakan kerana acara tidak sampai kepada pengendali acara yang diwakilkan.

Bergantung pada acara sembunyi/sembunyi lungsur turun bukanlah alternatif yang berdaya maju kerana acara ini kekurangan maklumat penting dan kawalan ke atas kandungan lungsur turun.

Penyelesaian Cadangan

Penyelesaian yang berkesan ialah menggunakan perwakilan acara pada elemen kontena yang menempatkan menu lungsur. Berikut ialah contoh:

<code class="js">$(document).on('click', 'someyourContainer .dropdown-menu', function (e) {
  e.stopPropagation();
});</code>

Dalam contoh ini, mengklik pada elemen dalam bekas yang ditentukan masih akan menyebarkan acara kepada pengendali yang diwakilkan masing-masing. Walau bagaimanapun, klik secara khusus pada menu lungsur turun akan dipintas dan event.stopPropagation() akan menghalang kelakuan penutupan menu lungsur.

Atas ialah kandungan terperinci Bagaimana untuk Menghalang Menu Jatuh Turun Bootstrap Twitter daripada Menutup pada Klik Dalaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!