在Django中更改Bootstrap nav-item活动类(下拉列表)
在Django中更改Bootstrap nav-item活动类（下拉列表）可以通过以下步骤实现：
- 首先，在Django项目中安装并配置Bootstrap。可以使用pip安装django-bootstrap4包，并在settings.py文件中添加"bootstrap4"到INSTALLED_APPS列表中。
- 在Django的模板文件中，使用Bootstrap的导航组件创建一个导航栏。例如，可以使用Bootstrap的nav和nav-item类创建一个导航栏，并使用nav-link类创建导航链接。
- 在Django的模板文件中，使用Bootstrap的导航组件创建一个导航栏。例如，可以使用Bootstrap的nav和nav-item类创建一个导航栏，并使用nav-link类创建导航链接。
- 在Django视图函数中，通过将活动类（active class）添加到相应的导航链接中来更改Bootstrap nav-item的活动类。可以使用Django的模板语言和视图函数中的变量来实现动态添加活动类。
- 在Django视图函数中，通过将活动类（active class）添加到相应的导航链接中来更改Bootstrap nav-item的活动类。可以使用Django的模板语言和视图函数中的变量来实现动态添加活动类。
- 在模板文件中，使用Django的模板语言和if语句来检查当前活动的导航链接，并根据需要添加活动类。
- 在模板文件中，使用Django的模板语言和if语句来检查当前活动的导航链接，并根据需要添加活动类。
通过以上步骤，可以在Django中更改Bootstrap nav-item活动类（下拉列表）。根据需要设置相应的活动类，以实现导航链接的高亮显示。
相关·内容
我刚刚开始使用SASS和Bootstrap创建我自己的主题，但我在导航栏中的一个下拉项的活动外观上有问题。老实说，我也想改变悬停的外观。 ? 我的代码如下所示： <li class="nav-item dropdown">
<NavLink href="#" class="nav-link dropdown-toggle text-nowrap" data-toggle="dropdown">
Admin
浏览 26提问于2020-09-15得票数 0
下拉列表-项目类只在使用下拉类时才能正常工作，而在dropup类中不工作。
在单击“所有子菜单”项后，Dropup无法工作。因为所有下拉项目都成为活动，并在每次单击后显示。
下面给出的代码片段和问题场景图片
第一张图片:所有子菜单都在活动并显示
第二图像:检查元素
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
浏览 0提问于2018-04-07得票数 0
回答已采纳
1回答
我刚刚从w3schools.com复制了bootstrap 4下拉列表代码。但是下拉列表在我的visual studio代码中不起作用。不过，这些代码在在线编辑器中可以正常工作。因为我是初学者，如果我错过了什么，请告诉我。以下是我的代码：
`<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewp
浏览 20提问于2017-12-23得票数 1
回答已采纳
我有以下urls
from django.urls import path
from . import views
urlpatterns = [
path('', views.index, name='index'),
path('landing', views.landing, name='landing'),
path('json', views.json, name='json'),
path('bootstrap', views.boots
浏览 6提问于2022-07-27得票数 0
我使用的是Bootstrap 4。在下拉列表中，下拉项是垂直显示的，即一个在另一个的下方。I这些下拉项水平显示，即一个挨着另一个。
<nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
<a class="navbar-brand" href="index.html">Brand Name</a>
<button class="navbar-toggler"
浏览 13提问于2019-10-29得票数 1
回答已采纳
2回答
我正在尝试用bootstrap 4构建一个标签系统，由于有超过5个标签(总共7个)，我决定使用下拉标签将最后3个标签作为下拉项放到第五个标签(作为父标签)。代码如下：
<ul class="nav nav-tabs nav-justified">
<li id="atab1" class="nav-item"><a href="#tab1" data-toggle="tab" class="nav-link active">Basic Info<
浏览 0提问于2015-10-20得票数 2
我有一个固定顶部的导航栏，取自bootstrap官方网站上的。
我已经向导航栏添加了两个下拉菜单，但是当导航栏展开时，它会在导航栏中打开，而不是在导航栏的顶部。
下拉列表已关闭：
已打开下拉列表：
下面是我的头代码：
<header>
<nav class="navbar navbar-dark fixed-top d-flex p-0 shadow">
<a class="navbar-brand col-sm-3 col-md-2 mr-0" href="/">Test&l
浏览 0提问于2019-08-08得票数 0
1回答
我正在使用Bootstra4.0并使用它创建一个wordpress主题，我已经将bootstrap.css文件放置在主题的css文件夹中，bootstrap.js文件放在主题的js文件夹中。这些是那些文件夹中唯一的文件。
我在index.php文件夹中的代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap</title>
<link rel="stylesheet" href="<?php bloginfo('templ
浏览 3提问于2017-12-12得票数 0
回答已采纳
1回答
我正在尝试使用react-bootstrap在我的标题中添加一个下拉列表 代码如下所示 const profileImage = <div>
<img className="header-avatar-pic"
src={ProfilePicAvater}
alt="user pic"
/>
</div>
const menuProfile
浏览 17提问于2020-07-02得票数 0
回答已采纳
我正在制作的Django网站上使用Twitter bootstrap。我有一个页面，在那里用户可以输入他们的所有技术技能在一个文本输入配备了一个bootstrap typeahead。我正在尝试访问下拉菜单中当前选定的文本，这样，当按ENTER时，下拉菜单中突出显示了一个元素，它将获取该值并将其显示在输入文本字段的下方。然后清除输入文本字段，用户可以搜索其他技能。
$(document).keyup(function(event) {
if (event.keyCode == 13) {
if ($('.dropdown-menu').css(
浏览 0提问于2013-09-10得票数 11
回答已采纳
所以我试着在我的导航栏上添加一个下拉列表。我修改了ngx上的下拉列表示例，以匹配引导导航条示例中的下拉列表，但它仍然不能正常工作。当我单击下拉时，它不仅显示下拉项，而且还扩展了整个导航栏，如下所示。
Navigation-bar.html
<nav class="navbar navbar-light bg-light fixed-top">
<a class="navbar-brand" href="#">Control Center</a>
<ul class="navbar-
浏览 2提问于2019-12-11得票数 0
我按照以下步骤将bootstrap4安装到我的Angular 2项目中：
但是，当我将以下HTML添加到我的header组件中时：
<nav class="navbar-dark bg-inverse">
<div class="container">
<a href="#" class="navbar-brand"></a>
<ul class="nav navbar-nav float-xs-right">
<li
浏览 0提问于2016-12-25得票数 13
1回答
我正在尝试学习bootstrap，但这有一个问题。我创建了一个简单的下拉列表。我希望该列表有自定义的项目符号图标。当其中一个下拉列表打开时，我希望更改该图标。
下面是我想要的一个更好的例子：
我希望测试1的图标是自定义的，当有人点击时，下拉菜单打开，图标发生变化。此外，我希望它是可重复的，这样我就可以反复使用它。在另一个下拉列表中。
在那里，我粘贴了我正在处理的代码。代码是否保持不变并不重要。我只想知道怎么做。
<ul class="nav">
<li class="nav-item">
<a cl
浏览 13提问于2019-08-01得票数 0
我是JQuery的新手，并试图在引导类中添加一个'active‘标记。有人能让我知道我的.js文件的语法是否有问题吗？
这是我的base.js文件：
$(document).ready(function(){
$("#navlinks li a").on(click, function(){
$(this).addClass('active').siblings().removeClass('active');
})
});
下面是我使用的html页面(使用django)：
<div class=
浏览 1提问于2018-11-16得票数 0
回答已采纳
我有一个带下拉菜单的bootstrap 4导航栏，该下拉菜单包含路由，我可以根据“routerLinkActive”让这些路由显示为活动状态，但我还希望当“dropdown -toggle”或“nav-item”的子项之一是活动路由时，将其样式设置为活动状态。 我该怎么做呢？ 以下是代码的一小段，为了便于阅读，我尝试将其清理干净 <li *ngFor="let menuItem of MenuItems; index as i" [id]="i" class="nav-item dropdown" ngbDropdown>
&
浏览 26提问于2019-02-04得票数 0
我正在从事一个django项目，即使用bootstrap4，而我在下拉切换器方面有一个小问题。
切换者只在第二个链接后切换下拉菜单！
我做错了什么？
这是我的下拉HTML代码：
<li class="nav-item dropdown show">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dr
浏览 6提问于2018-05-23得票数 16
回答已采纳
3回答
我正在使用Bootstrap来创建一个Navbar。当我点击下拉列表时，下拉列表中的项目被放置在窗口之外。但他们增加了窗户。我把ml自动放进去，以显示右边的物品。
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, i
浏览 2提问于2020-02-24得票数 0
回答已采纳
根据官方的Bootstrap 4 ，向Nav Tabs组件中添加下拉列表是一个增加一些HTML的问题。
下面是文档中的代码。我重新调整了nav-item元素，将dropdown子组件放在<ul class="nav nav-tabs">列表的末尾。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcd
浏览 2提问于2019-11-27得票数 0
回答已采纳
我正在使用Laravel框架，并希望使用Bootstrap在导航栏中创建一个下拉列表。我希望下拉时不要扩大肚脐的高度时点击。
图片：
我已经看过下拉列表和导航栏Bootstrap4文档，并搜索了很多帖子，但仍然无法解决这个问题。
<div id="app">
<nav class="navbar navbar-default navbar-dark bg-dark">
<div class="container-fluid">
<div class="
浏览 0提问于2019-03-31得票数 0
回答已采纳
我不知道如何配置Wayfinder (或pdoMenue)才能获得以下输出：
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">
<p>Home</p>
</a>
<
浏览 2提问于2018-06-13得票数 0
我正在使用Bootstrap，并试图有基本的汉堡包菜单按钮改变背景颜色一旦点击。我可以在浏览器中进行颜色更改，但不能在我的css中进行复制。我也不能只在点击的时候改变颜色。我认为这可能是一个特定的问题。汉堡包按钮取自一个bootstrap示例。
下面的导航栏被编码为在左上角显示“食品，有限责任公司”，并隐藏所有其他链接，直到宽度减少到769px。当点击769px宽度时，汉堡按钮就会出现。当点击按钮时，这些链接就会显示为下拉列表。
我使用了一个红色的背景颜色作为例子，但任何颜色的变化都将受到欢迎！
我已经尝试尽可能具体地使用navbar-toggler类，看看我是否可以更改它，但不能。这是在ch
浏览 0提问于2019-04-25得票数 3
1回答
我一直在尝试学习bootstrap 4，但我正在努力使用导航栏。我让图标在正确的时间出现，然后我显然做了一些事情把它搞得一团糟，现在我甚至不能让图标出现，我也永远不能让链接下拉。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6
浏览 3提问于2020-05-20得票数 1
当窗口的大小减半时，我尝试创建一个导航条下拉列表。下拉列表不工作在窗口宽度950 it，但它工作在窗口宽度768 it。
navbar.component.html
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" dat
浏览 1提问于2017-11-12得票数 3
我有以下CSS类来从Bootstrap下拉菜单中删除插入符号：
.caret-off::before {
display: none;
}
.caret-off::after {
display: none;
}
对于一个普通下拉菜单，添加‘插入-关闭’类到下拉菜单项绝对完美。下拉式功能正常，插入符号不显示。
但是，当我尝试将这个类与一个方向下拉变体一起添加时，它根本不起作用。在我的例子中，我试图将它与下拉左下菜单结合使用.下拉列表的工作原理是正确的，但是我的“插入-关闭”类没有效果。
为什么？
示例：
.caret-off::before {
display: n
浏览 3提问于2020-07-18得票数 0
回答已采纳
4回答
引导4导航条活动背组颜色
、、、
在一个引导3导航栏，当一个链接是活动的，链接的背景颜色被改变，以显示它的活动链接。这似乎在Bootstrap 4中缺失了。是否有一种方法来显示这一点，还是我需要重写活动类？
引导带3肚脐如下所示。您可以看到，活动主页链接是突出显示，如何在引导4显示这一点。
下面的角5码
<div class="navbar-collapse" [ngbCollapse]="navbarCollapsed" id="navbarContent">
<ul class="nav navbar-nav mr-auto&#
浏览 0提问于2018-05-14得票数 5
回答已采纳
我正在做一个django项目，其中我使用数据表，并且我试图通过使用bootstrap来美化它。它按预期工作，colvis下拉列表显示的列没有问题，但是当我添加bootstrap时，我看不到要在下拉列表中过滤的列，控制台上没有任何解释或错误。我想知道以前有没有人遇到过同样的问题，你是怎么解决的？谢谢 Colvis dropdown image
浏览 24提问于2021-05-01得票数 0
回答已采纳
我有一个带有两个下拉菜单的移动导航菜单：
/* nav structure */
/about
/portfolio
/services
/service-1
/service-2
contact
etc..
我正在动态地创建这个菜单，在我的呈现函数中有一个循环。
我已经设置了一个状态变量来将一个类分配给活动下拉菜单。我在触发器元素(一个小箭头图像)上使用一个onClick事件/属性将一个活动类应用到相应的下拉菜单中。有点..。
const myNavMenu = () => {
const [isSubMenuOpen, toggleSubMenu]
浏览 4提问于2020-05-27得票数 0
1回答
我遇到了一个问题，我的下拉列表将无法使用引导程序。下拉列表仅显示在小于$md变量的屏幕上。
问题是，当我单击下拉图标时，它似乎不起作用，下面有HTML代码，但是如果您想要整个项目，请看一下这个
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
浏览 3提问于2022-04-30得票数 0
当用户关闭选项卡时，我需要从nav-item中删除活动类。我尝试构建内含文本内容的选项卡。默认情况下，当用户打开页面时，应关闭选项卡。当用户单击选项卡打开它时，它应该将颜色更改为蓝色(因此在这里我可以使用活动类添加样式)，但当它关闭时，它应该将颜色更改为白色。最好的方法是从li中删除活动类，而我则停留在这里。该怎么做呢？不幸的是，当我单击选项卡来关闭活动类时，Bootstrap并没有删除它。仅当我在选项卡之间切换时，Bootstrap才会删除活动类。 这是我的HTML： <div class="col-md-12">
浏览 28提问于2019-06-27得票数 1
我想实现一个大型下拉菜单为我的导航菜单使用纯CSS，即没有Javascript/JQuery。当用户将鼠标悬停在导航项目上时，我希望显示一个大型的落水菜单，如果用户在菜单的范围内，该菜单将保持活动状态。如果用户移开或悬停在不同的菜单上，则应显示相关菜单。
下面的图片描述了我正在寻找的东西。GAMES AND TOYS是第一个nav-item，悬停时会显示超级下拉菜单(带有#ff1300边框的覆盖)。黄色框表示我想在容器div中显示的不同嵌套div。
**注意:我已经尝试将nav-item和下拉列表放在单个div中，并使用
.nav-item:hover .dropdownpanel
浏览 2提问于2015-08-04得票数 0
我正在尝试使用以下代码在Vue Bootstrap中呈现选项卡式导航的动态列表： <b-nav-item v-for="(page, i) in pageTabs" :key="page"
@click="$emit(`${page}Clicked`); setActive(i);"
:class="{ 'active': activeIndex === i }">{{ page | capitalize }}</b-nav-item> 这将为每个项目生成以下HTML： <
浏览 21提问于2020-04-29得票数 1
回答已采纳
我有一个带多个下拉菜单的肚脐。我使用ngx-引导程序提供的指令来处理下拉行为。我想通过打开鼠标上的下拉列表并在mouseout上关闭它们来添加自定义功能。我需要在mouseout上调用BsDropdownToggleDirective指令的onEsc()函数。当我用@ViewChild实现这个功能时，它只适用于第一个下拉列表，而不是第二个下拉列表。当我删除第一个下拉列表时，第二个下拉列表就会工作。对于打开的下拉列表，我如何调用onEsc()？
top-menu-links.component.ts
import { Component, ViewChild } from '@angul
浏览 3提问于2017-05-27得票数 0
回答已采纳
1回答
我有一个角度项目，在这个项目中，我尝试使用引导中的下拉导航条。我从上抄袭了这篇文章，而这个下拉列表并不适用于我：
//also tried it within <head> tags and with all different proposals I found in other questions.
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
浏览 6提问于2022-11-14得票数 0
回答已采纳
我正在创建一个(不是专业的)项目来练习我的编码技能。我正在使用bootstrap做一些事情，包括导航栏。但我想要更改活动类(导航项目在不同的ul中)
我已经尝试了通过谷歌搜索"change active class in bootstrap“找到的基本方法，但我的html代码与任何人都不相似。我曾尝试使用唯一的类名，将active设置为current，但这破坏了代码。所以我必须使用活动类。我很感谢大家的帮助，谢谢。
这是我在github.com上的代码
我希望它改变活动类的基础上点击，也基于用户正在查看(例如:首页作为活动，如果用户在主页上，大约活动，如果用户向下滚动到约页面)。
代码
浏览 10提问于2019-07-16得票数 0
2回答
我试图创建一个活动状态使用图标为我的下拉列表。基本上，当li是非活动的时候，它应该同时显示+图标，然后在li处于活动状态时显示-图标，反之亦然。
JsFiddle
$('#cssmenu > li:has(ul)').addClass("has-sub");
var checkCookie = $.cookie("nav-item");
if (checkCookie != "") {
$('#cssmenu > li > a:eq(' + checkCookie + ')')
浏览 3提问于2014-09-24得票数 0
回答已采纳
我见过一些关于这方面的帖子，但没有一篇对我有用。此外，我认为我的问题与我在jQuery中添加html‘模板’的方式有关。我想这可能和范围有关，但我不确定。我还是网页设计的新手。
我从引导程序中使用'.active‘类，我想在导航按钮之间切换这个类。首先，我试着按照这些视频上的说明做这件事，最后从几个不同的SO帖子开始。
jQuery教程:基于URL向导航菜单项添加活动类
带有 jQuery的活动菜单单击项
这是我目前的代码。
index.html
<!DOCTYPE html>
<html>
<head>
浏览 5提问于2017-08-29得票数 0
回答已采纳
1回答
右侧菜单选项
、、
我尝试使用bootstrap4 Vue打开右侧的侧边栏选项，但它不起作用
这是我的HTML
<li class="nav-item nav-dropdown open" disabled="disabled">
<div class="nav-link nav-dropdown-toggle">
<i class="fa fa-cart-arrow-down"></i>Product
</div>
<ul class="nav-dr
浏览 0提问于2018-04-04得票数 0
2回答
所以我用Bootstrap 4创建了一个带有切换按钮的导航栏，但是由于某种原因，这个按钮没有下拉到我哪里出错了。 <head>
<title>Ristorante Con Fusion</title>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shr
浏览 27提问于2020-04-15得票数 0
回答已采纳
我对addEventListener有意见。我想要实现的是，单击选定的.nav-item获得活动类(Bootstrap)，这样就可以工作了。问题是我不知道如何使用"if not clicked“语句在新的活动类被单击时删除活动类。很抱歉，我很难解释这一点。 let navItems = document.querySelectorAll(".nav-item");
navItems.forEach(navitem => {
navitem.addEventListener("click", f
浏览 29提问于2020-07-03得票数 0
回答已采纳
使用django-bootstrap、Django - Bootstrap - forms.ChoiceField、django-bootstrap-toolkit、django-crispy-forms等应用程序中的一个，将django forms.ChoiceField呈现为Twitter bootstrap下拉菜单的最有效方式是什么(就编程/维护工作量、优雅程度而言)？这些应用程序中有明确支持此用例的应用吗？
浏览 2提问于2012-08-01得票数 33
回答已采纳
2回答
我有一个汉堡包菜单和一个下拉列表，我希望整个下拉列表都可以点击。这就是我现在所拥有的。目前只有文本是可点击的。 cshtml <nav class="navbar fixed-top navbar-dark bg-primary">
<a class="navbar-brand" href="#">Foo</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data
浏览 21提问于2019-06-05得票数 0
回答已采纳
1回答
我在ng-bootstrap (Angular 4+ Bootstrap 4)中创建了一个导航栏，其中一些项目位于左侧(一个下拉列表)，另一些项目位于右侧(非下拉列表)。我已经能够与下面的代码左右对齐，但右对齐的项目更高，颜色也不同，这表明一些CSS被正确应用。
<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button"
浏览 5提问于2017-08-08得票数 1
回答已采纳
当我点击nav链接时，它会重定向到另一个页面，因为我在href标签中包含了li a，但是活动链接仍然在家里。例如，如果我单击profile它显示在Home页面上的活动链接，而不是profile，或者如果我单击about页面，活动链接仍然在home页面上。如何根据用户单击的导航栏内容更改active链接？如果用户单击profile，则应从home中删除active并设置为profile。我怎样才能做到这一点？
到目前为止我尝试过的是：
My code:
<html>
<head>
<link
浏览 1提问于2020-10-05得票数 0
回答已采纳
1回答
在Bootstrap 4中，填充会自动应用于nav-item内容。当我使用Bootstrap 5时，内容被粘在页面边框上，没有间距。这是在Bootstrap 5中应该如何工作的吗?还是我用错了类？示例代码：
<nav class="navbar">
<ul class="navbar-nav">
<li class="nav-item">menu<li>
<li class="nav-item">faq<li>
<li class=&
浏览 5提问于2021-02-25得票数 0
我正在尝试使bootstrap dropdown工作，bootstrap显示正确，但下拉操作不起作用，我怀疑这与jquery有关，但jquery工作得很好。
./Gemfile
gem "bootstrap", "~> 4.4"
gem "jquery-rails", "~> 4.3"
./app/assets/stylesheets/application.scss
@import "bootstrap";
./app/javascript/packs/application.js
//= r
浏览 19提问于2020-05-08得票数 1
1回答
在导航栏折叠引导中更改图标
、、、、
我有一个导航栏，它有一个小尺寸的问题。
我为折叠下拉菜单添加了一个图标
当我在一个下拉列表中点击时，它将被打开，图标是"-“，当再次点击相同的下拉列表时，图标是"+”，并且工作得很好。
当我在一个下拉列表中单击时，它将是打开的，图标是"-“；当它打开并单击到另一个下拉列表时，前一个下拉列表将关闭，但前一个图标仍然是"-”
这是我的代码
<nav class="navbar navbar-expand-md nav_t fixed-top pt-2 navbar-fixed-top" id="navbar">
浏览 0提问于2021-06-03得票数 0
我正在组装一个导航栏。代码如下： <nav class="nav nav-pills">
<a href="#" class="nav-item nav-link active" data-toggle="tab" routerLink="/home">
<i class="fa fa-lg fa-home"></i> Home
</a>
<a href="#" class="nav-it
浏览 15提问于2019-12-31得票数 0
回答已采纳
有人知道为什么btn组下拉列表不起作用，而导航项下拉列表却不起作用吗？
<div class="col-md-4">
<div class="btn-group dropdown">
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" a
浏览 2提问于2021-07-13得票数 3
回答已采纳
问题是，如果我的肚脐有3个下拉，并按这个或任何其他顺序打开它们：
1，2，3，1。因此，当打开第一和第二下拉时，第一是默认关闭(好)，然后打开第三下拉-第二是关闭(很好)，在打开第3和试图打开第1，第一打开，但第3下拉式是开放的。
我尝试用open类从未关闭的下拉列表中删除.dropdown类名，但在第三次之后，jQuery停止响应，并且不调用我的简单代码。
$(".solution-dropdown").click(function(event) {
event.preventDefault()
console.log('goe
浏览 3提问于2020-06-26得票数 0
回答已采纳
1回答
https://jsfiddle.net/alachgar/L0bxjncz/3/ <html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
浏览 20提问于2021-11-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
