Bootstrap 下拉按钮名称在单击时发生变化

2024-06-28

我正在使用下拉按钮(4 个按钮)来过滤项目中的内容,并且我希望按钮名称更改为选定的,这样用户就不会忘记他/她在哪里。见图。

这怎么可能?

提前谢谢,这是pen http://codepen.io/aktuna/pen/FqKjb.


您可以使用 jQuery 更新下拉按钮文本。

$(".dropdown-menu li a").click(function(){
  $(".btn:first-child").html($(this).text()+' <span class="caret"></span>');
});

Demo: https://codeply.com/p/MjyR2AaLqn https://codeply.com/p/MjyR2AaLqn

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

Bootstrap 下拉按钮名称在单击时发生变化 的相关文章

  • jQuery 会在过滤选择器中的其他参数之前搜索 ID 吗?

    这个问题与性能有关 如果我使用如下选择器 myID a Does this find myID and filter by a 或者我应该这样写声明 myID find a 我不确定 jQuery 是否足够聪明 可以首先使用 ID 执行此语
  • 为什么 Chrome 80 会导致这个 grid-template-rows: auto 问题

    有人知道最新的 Chrome 80 更新有什么变化吗 似乎 grid template rows auto 即使标记中不存在给定行 从现在开始也会占用一些空间 仅发生在 Chrome 80 上 l page display grid gri
  • Jquery - 如何替换div中的一个单词?

    我有一个从其他位置复制的 div 我需要更改其中的一个单词 这是 HTML div class dealer addy 8726 N Royal Ln br Irving TX 75063 br email protected cdn cg
  • 如何使用角度在垫选择嵌套值中包含过滤器

    我正在使用带有嵌套下拉菜单的有角材料 下拉值以父级和子级为基础嵌套 我面临两个问题 自动建议不起作用 如果我输入父名称或其关联的子名称 则必须以展开模式过滤并显示特定的父视图 如果我展开第一个父视图并尝试展开第二个父视图 则第一个父视图应在
  • HTML5 Canvas - 在画布上绘图、保存上下文并稍后恢复

    要求 现在 在画布上绘制 然后点击 保存 存储画布状态 离线绘制 但不作为图像 稍后 打开画布并显示之前保存的绘图 然后继续再次绘制 对于绘图 我们通常使用如下代码 canvas document getElementById can ct
  • 为什么 Bootstrap 按钮下拉菜单在 iOS 上不起作用?

    看起来甚至连引导演示在这里 http twitter github com bootstrap components html buttonDropdowns不适用于 iOS 您似乎无法在 iPhone 或 iPad 上从中选择项目 有解决
  • JSON 解析错误 - JSON 中位置 1 处出现意外标记 o

    我需要获取一个 JSON 对象并记录标题控制台以实现自动完成功能 我的 json 的示例如下 title Example 1 url http www example1 com title Example 2 url http www ex
  • 在没有 Flash 的情况下用 HTML / js 录制音频?

    从麦克风录制音频并将 ajax 发回服务器 真的不知道如何在 Flash 中做到这一点 并希望它保持简单 目前还没有浏览器实现WHATWG 设备 API http www whatwg org specs web apps current
  • 如何向用户提供 Ajax POST 响应作为下载?

    我正在尝试在包含帐户信息的现有页面中包含 vCard 导出功能 丑陋的方法包括 1 向同一页面提交表单 处理它并重新渲染整个页面 或者 2 针对页面上的 iframe 进行 GET 我真的很想避免这两种情况 但我可能必须使用 2 来实现目标
  • Angularjs 使用 ng-init 为 ng-model 赋值

    您好 我有以下问题 看起来很简单并且应该有效 但事实并非如此 在我的代码中我输入了
  • onclick链接/按钮获取数据属性值

    span class btn btn block btn inverse btn icon glyphicons home i i Daily span span class btn btn block btn inverse btn ic
  • td 内的文本可以随 td 一起调整大小吗? (是其高度的百分比?)

    我有一个 100 占屏幕的表格 里面有 3x3 9 个单元格 每个单元格占 33 到目前为止 一切都很好 这是一个干净 可扩展的井字棋游戏 问题在于 TD 内的文本不会随比例缩放 有没有办法说 我希望文本大小为 TD 高度的 30 或者其他
  • 使用 CSS flexbox 重叠两个居中元素

    我试图将两个元素绝对居中于页面中间 一个元素在另一个元素后面 目的是让页面完全响应 中间有一个圆圈 后面有一个脉冲效果 这是一个小提琴 http jsfiddle net Fy8vD 2003 以下的 html body height 10
  • html 标题的最大长度

    有谁知道我可以为 html title 属性输入的最大长度是多少以及是否允许使用特殊字符 根据当前的 HTML 4 和 5 规范 标题长度没有限制 但 IE 浏览器有 512 个字符的限制HTML 4 01 http msdn micros
  • jquery 自动完成额外参数

    我使用 jquery 自动完成 我可以将 extraParams 传递给 asp net 中的 webservice 吗 我的 WebMethod 将如何获得它 您传递一个额外的参数函数 如下所示 controlId setOptions
  • 右侧对齐不浮动

    我有一个聊天小部件 我正在向其中添加一些样式 但是 我很难使 用户 聊天气泡与屏幕右侧对齐 当我使用向右浮动和向左浮动 另一侧 时 div 不再正确定位 因为它们似乎只是转到相对 div 的右侧 我希望它也能够附加 div 这将导致溢出 y
  • 检测滚动到 DIV 底部

    我想检测我是否到达了 div 的底部 我的 div 高度为 400px 溢出隐藏 我不知道正常高度但超过400px 我正在使用这段代码 但它不起作用 任何想法 if article txt scrollTop article txt hei
  • 在移动 Safari 上自动播放音频

    在我被火烧死之前 我知道这目前不起作用 因为苹果担心自动下载音频文件 然而 我的问题是 有人找到了狡猾的解决方法吗 我只想在游戏启动时播放启动声音 目前必须等待用户单击某处才能播放音频 你们中的一个聪明人现在一定已经成功了吗 没有机会在移动
  • JQuery 循环遍历动态元素并获取数据值

    我正在尝试使用可折叠面板来完成我的要求 sport on click function var thisId this attr id var thisChildren this sportlist thisChildren each fu
  • 如何使相对div居中?

    我一直在尝试让以下代码工作几个小时 但没有成功 您能帮我将项目 div 居中吗 即使页面放大和缩小时 这是我的 HTML 和 CSS bottom position absolute top 100 left 0 right 0 backg

随机推荐

  • 为什么 -Winit-self 与 -Wuninitialized 分开

    这个问题 https stackoverflow com q 22963405 10396是关于让 gcc 编译器在您输入错误并用自身初始化变量时发出警告 int f int i i return i 事实证明你需要 Winit self
  • “警告:初始化使指针来自整数而不进行强制转换”。但我认为不会

    我收到一个奇怪的编译警告 它是间歇性的 并且不会出现在每个版本中 我收到以下行的警告 初始化使指针来自整数而不进行强制转换 callbackTable callbacks generateLoggingCallback 并且 为了完整性 这
  • 删除和插入不同高度的单元格时 UITableView 动画出现故障

    我在同时删除和插入单元格时遇到 UITableView 提供的动画问题 我有一个单元格列表 我们可以称它们为问题 当点击一个问题时 它应该在其下方添加一个单元格以显示该问题的答案 如果已经显示另一个答案 则应从表中删除该答案 当插入的单元非
  • 如何为字符串生成唯一的哈希码

    是否有任何函数可以为相同的字符串提供相同的哈希码 我在创建 2 个不同的字符串 但内容相同 时遇到麻烦 它们的哈希码不同 因此未在Dictionary 我想知道什么GetHashCode 函数Dictionary当键是字符串时使用 我正在这
  • 在 Xbox UWP 中禁用 Web 视图的指针模式

    有没有办法禁用指针模式WebView在 Xbox UWP 应用程序中 我无法使用RequiresPointer财产自WebView延伸自FrameworkElement而不是来自Control 这是我的示例 XAML
  • 检测 div 何时溢出

    我试图让我的网站根据屏幕的大小流动 我创建了这个 http jsfiddle net aboveyou00 7NeZz 1 http jsfiddle net aboveyou00 7NeZz 1 它运行得很好 当两个内部 div 适合时
  • 使用javascript检测MP4视频是否有音轨

    我正在网页上为 MP4 视频创建自定义控制器 控制器包括音量滑块 一些要播放的视频没有音轨 最好禁用这些视频的音量滑块 这样用户在更改音量滑块的位置没有效果时就不会感到困惑 是否有检查 MP4 文件是否有音轨的属性或技巧 jQuery 是一
  • 我应该写更多描述性的函数名称还是添加注释?

    这是一个与语言无关的问题 但我在想人们在可读性和可维护性方面更喜欢什么 我的假设情况是 我正在编写一个函数 给定一个序列将返回一个删除了所有重复元素的副本 并且顺序颠倒了 This is an extremely well written
  • 在 joomla 中设置前端会话超时限制

    如何在 joomla 2 5 中设置前端用户的会话超时限制 我在全局配置中设置了会话生命周期选项 但它仅在后端设置了限制 你可以评论该行JHtml behavior keepalive 在文件顶部 模块 mod login tmpl def
  • PYTHON:如何将星号 (*) 作为命令行参数传递

    我正在尝试制作一个 python 脚本来搜索文件中的单词 如果我通过了txt它只会在文件中查找 txt扩展名 但我想通过 作为搜索参数every files if sys argv 4 不工作 如果我尝试 print sys argv 4
  • MATCH_PARENT 如果同级视图较大,则 WRAP_CONTENT 如果同级视图较小

    我在布局中有两个视图 我会打电话给他们View A and View B分别 A B 父布局的高度 包括View A and View B is WRAP CONTENT 这里 高度为View B is WRAP CONTENT 也就是说
  • 当c的控制台使用c或c++运行时禁用键盘按键

    我想在程序运行时禁用键盘 这意味着没有人可以使用 alt F4 等 我如何在 Windows 操作系统中使用 c 使其成为可能 Handle WM SYSKEYUP WM SYSKEYDOWN并返回0 这是处理这些消息的 WndProc L
  • Android 点击列表视图

    我有一个包含 15 个项目的列表视图 当我单击任何项 目时 我想更改屏幕 意图 如何更改 Android 中所选项目的活动 有教程或者源码吗 您可以使用ListView s setOnItemClickListener 并在此方法的实现中启
  • 在 Zend Framework 中设置视图缩进

    在 Zend Framework 中 可以为 headMeta headLink 等设置缩进 我喜欢这个 我喜欢东西整齐 所以 现在我想在布局 phtml文件 导致视图脚本中的每个新行都用 X 制表符缩进 这是行不通的 有没有办法在 Zen
  • 如何在 Linux 上取消焦点(模糊)Python-gi GTK+3 窗口

    我想做什么以及为什么 我希望我的窗口取消聚焦 因此选择了上一个聚焦的窗口 为什么 我想与先前选择的窗口 来自其他程序 进行交互 我当前的计划是 取消窗口焦点 使用libxdo模拟击键 然后再次聚焦我的窗口 我的窗口可以设置在顶部 以帮助避免
  • 收集实时 GC 指标 - Golang

    Go 中是否有一种简单的方法来获取有关 GC 和堆大小的信息 以便将它们公开给监控仪表板 我查看了运行时包 但似乎没有任何东西可以做到这一点 理想情况下 这不需要任何开销 例如在分析模式下运行应用程序等 但应该做好生产准备 您可以使用GOD
  • 从多个表插入表

    嘿 我有一个连接表 连接两个不相关的表 两个表都有ID的 我需要选择ID从每个表中使用WHERE具有不同的值 例如这就是我的看法 INSERT INTO c aID bID VALUES SELECT a ID WHERE a Name M
  • MacOS 上的 Java 安装:Apt Commando 不起作用 [重复]

    这个问题在这里已经有答案了 我已经在MacBook Catalina 10 15 7 上安装了最新版本的JAVA jdk 15 0 1 osx x64 bin dmg 当我尝试使用 JAVA 使用以下命令安装 PUPPET MASTER 时
  • 使用列命令时出现 Bash 错误:“列:行太长”

    当我使用输入文件键入此列命令时 出现以下错误 column t text txt gt output column line too long column line too long column line too long column
  • Bootstrap 下拉按钮名称在单击时发生变化

    我正在使用下拉按钮 4 个按钮 来过滤项目中的内容 并且我希望按钮名称更改为选定的 这样用户就不会忘记他 她在哪里 见图 这怎么可能 提前谢谢 这是pen http codepen io aktuna pen FqKjb 您可以使用 jQu