Saya sangat baru dalam HTML dan saya telah cuba membuat dropdown saya berfungsi selama berjam-jam. Saya mencari banyak jawatan yang menghadapi masalah yang sama tetapi masih tidak dapat mencari dan menyelesaikan masalah tersebut. Saya tidak pasti sama ada masalah itu juga disebabkan oleh skrip saya
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <header class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#" id="logo">Logo</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"> <span class="navbar-toggler-icon"></span> </button> <nav class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item"><a class="nav-link active" href="#">Home <span class="sr-only">(current)</span></a></li> <li class="nav-item"><a class="nav-link" href="#">Link</a></li> <li class="nav-item"> <div class="dropdown"> <a href="#" class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a href="#" class="dropdown-item">Action</a> <a href="#" class="dropdown-item">Another action</a> <div class="dropdown-divider"></div> <a href="#" class="dropdown-item">Something else here</a> </div> </div> </li> <li class="nav-item"><a class="nav-link" href="#">Disabled</a></li> </ul> </nav> </header>
Terima kasih terlebih dahulu!
Saya mencuba dengan data-bs-toggle="dropdown"
替换 data-toggle="dropdown"
tetapi ia tidak berjaya kerana saya menggunakan bootstrap 4 dan menyalin dan menampal kod terus dari bootstrap dan ia masih gagal
CDN tidak berfungsi dengan jQuery anda. Bootstrap memerlukannya untuk dijalankan. Anda mendapat petunjuk dalam konsol, sepatutnya terdapat ralat mengatakan ia memerlukan jQuery. Jadi anda boleh:
ganti ini
https://ajax.googleleapis.com /ajax/libs/jquery/3.5.1/jquery.min.js
Dengan ini
https://code.jquery.com/jquery-3.6.1.min.js