如何从链接切换 Bootstrap 下拉菜单?

2023-11-30

我有一个工作正常的 Bootstrap 下拉菜单。我想做的是通过单击页面上其他位置的链接来触发菜单的打开。 (这是有道理的,因为菜单项中的内容等。)文档页面说让链接执行类似的操作$('.dropdown-toggle').dropdown(), 或者可能$('.dropdown-toggle').dropdown('toggle')应该这样做,但两者都不适合我。有什么建议么?


try

$(".dropdown").addClass("open");

and

$(".dropdown").removeClass("open");
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何从链接切换 Bootstrap 下拉菜单? 的相关文章

  • 如何更改 bootstrap 版本 4 按钮颜色

    我可以通过更改 bootstrap v4 中的主题颜色来更改主按钮颜色 但它也会影响所有其他组件 如何设置主按钮颜色而不影响主题颜色 我不想设置品牌为主并实现它 还有其他选择吗 Bootstrap 4 1 2019 年更新 现在 Boots
  • 为什么 React 会删除我的类名?

    我正在学习 Reactjs 并且正在使用一些组件渲染一个简单的页面 该组件之一是 class Header extends React Component render return
  • 当子项位置固定时从 Bootstrap 容器继承宽度

    我试图让 header div 从其父级继承其宽度 标题 div 是position fixed 父级包含在引导容器内 但是 正如您在我创建的代码中看到的 它没有正确继承其父级的宽度 它从某处添加了一些额外的宽度 这一切都非常烦人 知道如何
  • 数据表中的按钮和分页显示不正确

    我正在使用数据表 https datatables net 显示报告和记录 但我遇到一个问题 文件导出按钮和底部的分页仅显示为链接而不是按钮 这是我的屏幕截图 这是我在我的页面中加载的内容
  • Bootstrap 3 导航栏动态折叠

    我正在寻找引导导航栏调整大小问题的解决方案 目前 导航栏在压缩之前可以具有某种 重叠 效果 我知道这是由于媒体查询造成的 此处使用媒体查询来指示何时进行紧凑 但是我正在寻找一种解决方案 仅当 navbar nav 和 navbar righ
  • Bootstrap 4 中导航栏重叠内容

    我的作品集页面有一个粘性导航栏 但是当我单击导航栏链接时 它会与每个部分中的文本重叠 在大约中 它与文本重叠 在 投资组合 和 关于 中 它与两个图块重叠 我试图在每个部分用一些填充顶部来补偿 但无济于事 这是完整的导航栏
  • Flexbox 中的 Bootstrap 列无法在较小的屏幕上换行

    我的网站有一个部分 我在 2 个 div 上使用下面的 CSS 其中一个a标签以使内容在中心垂直对齐 问题是 使用 Flex 样式属性时 理想情况下 当窗口 col md 4会一个一个地堆叠起来 这并没有发生 相反 列变得非常瘦并且仍然并排
  • 如何在 Bootstrap 4 中正确地将表单行逐一对齐

    如何将部分以及日期和时间调整为低于客人人数 如何将按钮移动到日期和时间文本字段下方 div class modal fade div class div div
  • 取消滚动 Twitter 引导程序的词缀

    我在传统网站布局的侧边栏上使用 Twitter bootstrap 的后缀 页眉 内容和侧边栏 页脚 在某个滚动点上 我希望它从页面上取消固定并返回到其原始位置 静态 因此它不会与页脚重叠 我试图只用 CSS 来摆弄它 但是由于 affix
  • Bootstrap 字形未显示在表单中

    我正在尝试不同的方法来制作带有确认的表格 我有以下形式以及一个超链接 下面的超链接正确显示字形 但表单内的提交按钮仅在灰色按钮中显示为 提交 提交按钮和超链接的 CSS 是否需要不同 div class text center using
  • 在引导程序中实现水平内联表单注册

    这是我想要实现的外观 基本上它漂浮在背景图像上方 是一种将 POST 提交到另一个页面的表单 最重要的是 前两个文本输入字段相互融合 提交按钮位于左端 我如何在引导程序中实现这一目标 我只是拿了基础的form inlinebootstrap
  • 检查 Bootstrap Datepicker 脚本是否已加载

    我收到错误 Uncaught TypeError undefined is not a function 当我尝试设置日期选择器时 datepicker datepicker 如何确定日期选择器是否已加载 需要明确的是 我没有使用 jQue
  • Twitter Bootstrap 响应式实用程序类的使用

    如何使用 Twitter Bootstrap 响应式实用程序类 例如 visible desktop 我尝试按照 Bootstrap 网站上的示例进行操作 span class visible desktop Desktop span 在这
  • 禁用 Bootstrap 中的选项卡

    我正在尝试禁用引导程序中的选项卡 我一直在研究 但尚未找到解决方案 我已经尝试过这个 可以禁用 Bootstrap 中的选项卡吗 https stackoverflow com questions 9237314 can you disab
  • Capybara-webkit 无法处理与 bootstrap glyphicon 的链接

    我有一个链接 link to q span class glyphicon glyphicon trash span html safe feed item data confirm Are you sure toggle tooltip
  • 使用 highcharts 时,为什么 Bootstrap 选项卡显示宽度不正确的选项卡窗格 div?

    因此 我正在使用 Twitter 的 Bootstrap 创建一个包含选项卡式内容的页面 但我的起始活动 div 的内容始终与其他选项卡的内容不同 例如 我在不同的选项卡中使用 highcharts js 放入图表 但活动选项卡始终显示正确
  • 网站的主体和元素固定在 980px 宽度上,不会缩小

    我试图在 Rails 应用程序顶部启动前端 仅 HTML CSS 页面 但在使用 320px 视口时遇到问题 有些元素不会按比例缩小 我不明白为什么 我已经完成了检查元素 为各种元素提供了max width 100 and or width
  • 如何设置引导开关的 css 颜色?

    如何在此引导开关中将蓝色更改为另一种颜色 我尝试更改输入元素的颜色和背景颜色 但它没有更改开关颜色 这是 html 和 bootstraplink https getbootstrap com docs 4 2 components for
  • 为什么 `input type="date"` 的行为发生了变化?

    日期输入 例如
  • 我可以使用 jQuery 打开下拉列表吗

    对于 HTML 中的下拉列表

随机推荐