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

2023-11-30

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


try

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

and

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

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

  • 设置引导工具提示上的箭头样式[重复]

    这个问题在这里已经有答案了 我正在尝试使用以下方式设置工具提示样式 tooltip inner 但我遇到了麻烦 因为我找不到如何设置工具提示小箭头的样式 如屏幕截图所示 工具提示的箭头是黑色的 我想在其上添加新颜色 any suggesti
  • Bootstrap - Sass:相对字形图标路径

    如何在 bootstrap sass 版本中设置相对字形图标路径 默认情况下 css font face 中使用的路径是绝对路径 font face font family Glyphicons Halflings src url font
  • 使用 Bootstrap 4 隐藏表列

    我知道 Bootstrap 4 使用新的显示实用程序 https getbootstrap com docs 4 0 utilities display 根据屏幕尺寸显示或隐藏信息 我的问题是如何使这些与表格一起使用 由于屏幕尺寸较小 我想
  • 将引导程序弹出框保留在视口内

    我正在尝试使用带有按钮的侧边栏创建一个菜单 每个按钮都有一个指定的包含相关数据的弹出窗口 不幸的是 其中一个弹出窗口可能包含任意数量的行 并且在某些情况下它可能部分位于视口之外 See http jsfiddle net bfd9f 1 h
  • 使用 jquery 更改锚文本和图标

    我有一个隐藏或显示 div 的锚标记 但我无法更改它的文本和图标 如何更改文本和图标标签 因为目前它将图标标签解析为常规文本 锚标记 a class collapse info btn i class icon arrow up icon
  • Bootstrap 网格边距

    我这里有一个jsfiddle http jsfiddle net nH5WP http jsfiddle net nH5WP 这是一个使用 Bootstrap 3 的超级简单的 3 x 3 网格 我想在每个块的右侧和底部添加边距 每行中的最
  • Bootstrap 停止模态显示在页面加载上

    我只希望当我单击某个按钮时显示模态框 目前 每当我加载页面时 模态框都会显示出来 有人可以告诉我我哪里出了严重的错误吗 a href myModal class btn Launch demo modal a div class modal
  • Laravel 中 Twitter Bootstrap 导航的自动活动类

    和大多数人一样 我正在使用 Twitter Bootstrap 来构建我目前在 Laravel 中开发的网站 到目前为止 我很喜欢使用 Laravel 作为与 Rails 相当的 PHP 但我想知道是否有更好的方法来制作导航栏 我试图确保我
  • 电子邮件 CSS 模板框架?

    任何人都知道任何电子邮件模板 CSS 框架 我目前正在使用引导程序 它可以工作 但不完全是为电子邮件而构建的 我看过 zurb ink 但它似乎对开发人员不太友好 很难让它发挥作用 其他人在那里使用什么 查看MJML https mjml
  • Angular Bootstrap $modal 如何动画化?

    我没有使用任何引导样式 我正在完全定制一切 制作动画相当简单 因为 modal uses fade in 我能够覆盖这些样式并且效果很好 但是模态是如何动画出来的呢 我没有看到任何类别被应用或删除 它会立即从 DOM 中删除 我怎样才能定制
  • 使用 Bootstrap,但文本不响应

    我正在开展一个学校项目 http lauralynn87 github io WSP Project index html http lauralynn87 github io WSP Project index html 我正在使用 Bo
  • 引导多重选择(刷新)无法正常工作

    我正在使用引导多选列表框 当用户在多选上选择选项时 它会正确显示 但有一个选项可以重置以前选择的选项 当用户点击重置按钮时 自动style display none添加到下拉按钮 下拉列表变得不可见 这是我的代码 button click
  • javascript - Twitter bootstrap jquery 插件未编译用于生产

    我正在使用 Twitter Bootstrap 开发 3 1 Rails 应用程序塞胡纳克的宝石 https github com seyhunak twitter bootstrap rails 在生产模式下 我可以通过管道预编译使用基本
  • 调整 Twitter-Bootstrap 中按钮的大小

    我正在开发一个适合移动设备的网络应用程序 我希望它有一个非常简单的用户界面 包括大到连巨人安德烈都可以轻松点击的按钮 问题是 我没有看到通过将引导按钮的宽度或高度设置为百分比 像素数或简单地让它们填充其容器来显式调整引导按钮大小的简单方法
  • 切换到 twitter bootstrap 的优点/缺点 [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 如何在 Bootstrap 4 轮播中堆叠多个图像

    我不知道如何使用 Bootstrap 4 以及如何在一张幻灯片中显示多个小图像 例如缩略图 而不是让图像填充轮播的宽度 我已经使用下面的代码尝试了一些操作 但仍然无法堆叠很多图像 div class container h2 class t
  • 将 bootstrap img-responsive 类添加到 wagtail WYSIWYG 编辑器

    我试图做到这一点 以便当将正文图像插入页面时 将引导类 img responsive 添加到图像标签中 谁能告诉我如何实现这一目标 您可以通过图像格式来做到这一点 http docs wagtail io en v0 8 5 core co
  • 使用 ember.js 模板的 Bootstrap Popovers

    我正在尝试使用引导程序弹出窗口 http twitter github io bootstrap javascript html popovers使用 EmberJS 这样弹出窗口的内容将是 ember handlebars 模板 带有绑定
  • Bootstrap 响应式图像缩放

    Using Twitter Bootstrap我意识到默认情况下它会响应式地缩放图像 这很棒 但并不总是完美的 比如说我有一个500x300桌面上的图像 然后它会针对移动设备调整大小 该图像将非常小而且不是很高 会丢失图像的大部分细节部分
  • 带预览和进度栏的 Twitter Bootstrap 图像上传

    我如何使用 Twitter Bootstrap 上传带有预览和进度条的单个图像 目前 在保存图像之前 我看不到上传图像的任何预览或进度条 Jasny 的 Bootstrap 分支让您能够接近这一点 看文档 http jasny github

随机推荐