Saat menggunakan komponen bilah navigasi bootstrap, jika bilah navigasi Anda memiliki menu tarik-turun, maka navigasi ini dengan menu tarik-turun hanya akan mengapung menu tarik-turun saat diklik. Atribut HREF -nya sendiri tidak valid, yang berarti kehilangan fungsi hyperlink. Ini bukan yang saya inginkan. Saya berharap tautan bilah navigasi dapat membuka tautannya secara normal, tetapi juga membutuhkan fungsi menu tarik-turun, dan mulai melemparkan ~
Pertama, selesaikan masalah mengklik bilah navigasi dengan menu dropdown. Efek menu dropdown diimplementasikan oleh JS. Analisis file bootstrap.js menunjukkan bahwa bootstrap menulis menu dropdown sebagai plug-in jQuery dan menemukan beberapa kalimat kunci di segmen kode dropdown:
// berlaku untuk elemen dropdown standar // ====================================================== $ (Dokumen) .on (click.bropdown.data-api ', clearmenus'. Bentuk ', fungsi (e) {e.stoppropagation ()}). on (' click.bs.dropdown.data-api ', sakelar, dropdown.prototype.toggle) .on (' keydown.bs.bropdown.data-api ', toggle +', [roldown = tuesdown.propdown.prot.)Setelah menemukan beberapa kode kunci, saya memikirkan solusi. Cukup tutup acara click.bs.dropdown.data-API dan akan baik-baik saja. Kodenya adalah sebagai berikut:
$ (dokumen) .ready (function () {$ (document) .off ('click.bs.dropdown.data-api');});Tes kode di atas efektif. Bilah navigasi dapat diklik untuk menyelesaikan masalah. Berikut ini adalah untuk memecahkan masalah menu mouse yang melayang dan pull-down. Ini relatif sederhana. Ini dapat diimplementasikan dengan acara mouse jQuery. Kodenya adalah sebagai berikut:
$(document).ready(function(){dropdownOpen();//Call});/*** Expand the submenu when the mouse passes through, so as not to need to click to expand*/function dropdownOpen() {var $dropdownLi = $('li.dropdown');$dropdownLi.mouseover(function() {$ (this) .addclass ('open');}). mouseout (function () {$ (this) .removeclass ('open');});}Di atas adalah kode implementasi untuk bilah navigasi bootstrap yang dapat diklik dan dilayang untuk menampilkan menu drop-down. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!