关键词：
【中文标题】UI Bootstrap 下拉菜单在 Firefox 中无法使用 / Text Angular ...【英文标题】：UI Bootstrap Dropdown Not Working W/ TextAngular...in Firefox 【发布时间】：2015-10-04 13:40:12 【问题描述】：我认为我的问题在于“显示”中的下拉按钮。在 Chrome 中，下拉菜单按预期工作 - 即在 ng-repeat 列表中显示选项名称列表。但是，在 Firefox 中，单击下拉菜单会禁用文本角度菜单，就像用户在文本角度编辑器之外单击（此时文本角度会禁用编辑器选项）。也没有任何东西掉下来。
+ 换行符在 Chrome 中也可以正常工作。我们只是试图让那些不使用大屏幕的人能够阅读代码。对于那些不熟悉 text-angular 的人：所有相关代码都在显示中 - 它只是一些定义下拉列表的 html，我认为这就是问题所在。我怎样才能让它在 FireFox 中工作？
taRegisterTool('itemFields',
display: '<span class="btn-group" dropdown style="padding: 0px 0px 0px 0px">' +
'<button class="btn btn-default dropdown-toggle" dropdown-toggle type="button" ng-disabled="showHtml()">' +
' <span>Item Fields</span>' +
'</button>' +
'<ul class="dropdown-menu">' +
' <li ng-repeat="o in options">' +
' <a ng-click="action(o)">o.name</a>' +
' </li>' +
'</ul>' +
'</span>',
options: ReportItemFields,
action: function (option)
if( angular.isDefined(option) && angular.isUndefined(option.promise))
this.$editor().wrapSelection('insertHTML', option.text);
);
【问题讨论】：
【参考方案1】：尝试将您的 ng-click="action(o)" 放在 li 元素上。有点像这样：
'<ul class="dropdown-menu">' +
' <li ng-repeat="o in options" ng-click="action(o)">o.name>' +
' o.name' +
' </li>' +
'</ul>' +
【讨论】：
在 angular-ui-bootstrap 中创建一个两列下拉列表
】在angular-ui-bootstrap中创建一个两列下拉列表【英文标题】：Creatingatwocolumndropdowninangular-ui-bootstrap【发布时间】：2016-05-0209:36:18【问题描述】：我的列表中有大约13个项目，所以我想让ui-bootstrap中的下拉菜单至少有两列。现在，... 查看详情
Bootstrap 下拉菜单显示在右侧
】Bootstrap下拉菜单显示在右侧【英文标题】：Bootstrapdropdownmenushowonrightside【发布时间】：2022-01-2215:15:58【问题描述】：我正在创建一个下拉菜单，我想在右侧显示下拉项。它已经在工作，但不知何故下拉菜单没有完全显示。下拉... 查看详情
Bootstrap 下拉菜单在悬停时关闭
】Bootstrap下拉菜单在悬停时关闭【英文标题】：Boostrapdropdownmenuisclosedonhovering【发布时间】：2019-12-3109:35:22【问题描述】：我有一个下拉菜单，里面有另一个下拉菜单，我添加了一些Jquery代码来打开/关闭悬停时的两个下拉菜单。... 查看详情
Bootstrap 3下拉菜单在子菜单焦点上更改背景
】Bootstrap3下拉菜单在子菜单焦点上更改背景【英文标题】：Bootstrap3dropdownmenuchangingbackgroundonsubmenufocus【发布时间】：2013-09-0400:51:07【问题描述】：我已经更改了我的Bootstrap菜单的背景颜色，但是当子菜单（单击下拉项时打开的... 查看详情
Bootstrap下拉菜单在悬停时不下拉[重复]
】Bootstrap下拉菜单在悬停时不下拉[重复]【英文标题】：BootstrapDropdownMenuNotDroppingDownOnHover[duplicate]【发布时间】：2017-10-2421:33:31【问题描述】：我正在尝试关注thisexample，以便在悬停时在引导程序中创建下拉菜单。现在，当您将... 查看详情
防止 Bootstrap 下拉菜单在点击时关闭 [重复]
】防止Bootstrap下拉菜单在点击时关闭[重复]【英文标题】：PreventBootstrapdropdownfromclosingonclicks[duplicate]【发布时间】：2014-12-2516:31:12【问题描述】：我的菜单使用Bootstrap3，我无法阻止下拉菜单在点击时关闭。我该怎么做？JSFiddle//Ad... 查看详情
隐藏在 Bootstrap 模式中的下拉菜单
】隐藏在Bootstrap模式中的下拉菜单【英文标题】：DropdownHiddenInsideBootstrapModal【发布时间】：2018-08-0313:18:44【问题描述】：我正在使用Bootstrap模态，其中有几个下拉菜单，因为我设置了overflow:autoCSS属性以在模态中有一个滚动条。... 查看详情
Bootstrap 5：下拉菜单在屏幕右侧消失
】Bootstrap5：下拉菜单在屏幕右侧消失【英文标题】：Bootstrap5:Dropdownmenugooutofftotherightofthescreen【发布时间】：2021-05-1817:46:40【问题描述】：我有一个默认的bootstrap5导航栏，但是当我尝试在右侧放置一个下拉菜单时，下拉项目列表... 查看详情
Bootstrap 下拉菜单在 Android 上不起作用
】Bootstrap下拉菜单在Android上不起作用【英文标题】：BootstrapdropdownsnotworkingonAndroid【发布时间】：2018-10-1405:42:20【问题描述】：问题如果您从桌面浏览器转到https://oorkle.com/browse并查看左侧，您将看到使用Bootstrap下拉菜单的过滤器... 查看详情
Bootstrap 4 在单击下拉菜单时更改插入符号
】Bootstrap4在单击下拉菜单时更改插入符号【英文标题】：Bootstrap4changecaretonclickingdropdown【发布时间】：2018-02-2802:02:11【问题描述】：使用Bootstrap4，我正在尝试使用插入符号创建一个下拉列表（例如：指向右侧）。单击下拉菜单... 查看详情
Bootstrap 下拉菜单在 wordpress 上不起作用
】Bootstrap下拉菜单在wordpress上不起作用【英文标题】：BootstrapDropdownMenudoesn\'tworkonwordpress【发布时间】：2018-05-1208:47:54【问题描述】：我制作了一个html模板并想将其转换为WordPress。它们都运行良好，只有Bootstrap下拉菜单不起作用... 查看详情
如何在悬停时制作 Bootstrap 的下拉菜单？
】如何在悬停时制作Bootstrap的下拉菜单？【英文标题】：HowtomakeBootstrap\'sdropdownonhover?【发布时间】：2012-10-2523:52:30【问题描述】：如何使twitterbootstrap的菜单下拉菜单悬停而不是单击？【问题讨论】：您可以使用纯css简单地做到... 查看详情
Bootstrap 4，在导航菜单项中使用多个下拉按钮
】Bootstrap4，在导航菜单项中使用多个下拉按钮【英文标题】：Bootstrap4,Usingmultipledropdownbuttonswithinnavmenuitems【发布时间】：2018-04-1613:29:23【问题描述】：我正在尝试找出在菜单项中包含子菜单的解决方案。我在菜单项中有2个下拉... 查看详情
当用户在菜单外单击时，如何关闭 Bootstrap 导航栏下拉菜单？
】当用户在菜单外单击时，如何关闭Bootstrap导航栏下拉菜单？【英文标题】：HowtoclosetheBootstrapnavbardropdownwhentheuserclicksoutsidethemenu?【发布时间】：2015-12-0317:33:23【问题描述】：我有一个Bootstrap导航栏，当点击/单击切换按钮时，它... 查看详情
如何在 Bootstrap 中将单个下拉菜单附加到正文
】如何在Bootstrap中将单个下拉菜单附加到正文【英文标题】：HowtoappendasingledropdownmenutobodyinBootstrap【发布时间】：2015-09-1019:37:18【问题描述】：我已经看过下拉菜单ascomponent和separatelyusingjavascript的文档。我想知道是否可以在网站... 查看详情
在最新版本的 Bootstrap 中工作的下拉菜单？ [复制]
】在最新版本的Bootstrap中工作的下拉菜单？[复制]【英文标题】：WorkingDropdownmenuinthenewestversionofBootstrap?[duplicate]【发布时间】：2021-09-0404:52:18【问题描述】：我正在开发一个需要下拉菜单中的下拉菜单的网站，但显然在bootstrap5.0... 查看详情
mouseenter 上的 angular-bootstrap 下拉菜单，并在单击之前保持下拉菜单隐藏。
】mouseenter上的angular-bootstrap下拉菜单，并在单击之前保持下拉菜单隐藏。【英文标题】：angular-bootstrapdropdownonmouseenterandkeepdropdown-menufromhidingbeforebeingclicked.【发布时间】：2015-02-0302:10:24【问题描述】：首先，我知道这个帖子：Acti... 查看详情
bootstrap/javascript 下拉菜单在 heroku 上不起作用
】bootstrap/javascript下拉菜单在heroku上不起作用【英文标题】：bootstrap/javascriptdropdownmenunotworkingonheroku【发布时间】：2016-08-0505:14:32【问题描述】：我的应用程序在我的本地计算机上运行良好，但是，当我将其部署到heroku时，导航... 查看详情