Bootstrap下拉菜单:用作Bootstrap下拉按钮的Anchor标签保持其默认行为

时间:2018-07-19 12:51:32

标签: javascript html twitter-bootstrap

我有以下代码,其中在Bootstrap下拉菜单中使用Anchor标签而不是按钮。问题是,尽管说了here,但是当我单击Anchor标签(标记为Action)时,浏览器会打开Anchor标签,而不仅仅是打开菜单。换句话说,不会阻止Anchor标记的默认行为。

我们使用Bootstrap v3,但这并非在所有环境中都发生,仅在prod中使用,有时在我的本地计算机上使用。在所有已知的浏览器中都会发生这种情况,例如台式机版本的Chrome,IE,FF,非台式机版本不具有此功能,因此我们没有在此处进行测试。

<div class="dropdown btn-group">
<a class="btn dropdown-toggle" role="button" data-toggle="dropdown" href="#">
  Action <span class="caret"></span>
</a>
<ul class="dropdown-menu">
  <li><a href="#">Foo</a></li>
  <li><a href="#">Bar</a></li>
</ul>

最后,我们使用以下代码行取消了默认行为,但我们从未弄清楚这种现象的根本原因仅在一种环境中而不在其他环境中发生:

$(“。btn .dropdown-toggle”)。click(function(event){event.preventDefault();})

3 个答案:

答案 0 :(得分:0)

您为什么需要org.springframework.data.mapping.PropertyReferenceException: No property id found for type Location! Traversed path: City.location. at org.springframework.data.mapping.PropertyPath.<init>(PropertyPath.java:75) at org.springframework.data.mapping.PropertyPath.create(PropertyPath.java:327) at org.springframework.data.mapping.PropertyPath.create(PropertyPath.java:307) at org.springframework.data.mapping.PropertyPath.create(PropertyPath.java:337) at org.springframework.data.mapping.PropertyPath.create(PropertyPath.java:361) at org.springframework.data.mapping.PropertyPath.create(PropertyPath.java:307) at org.springframework.data.mapping.PropertyPath.from(PropertyPath.java:270) at org.springframework.data.mapping.PropertyPath.from(PropertyPath.java:241) at org.springframework.data.repository.query.parser.Part.<init>(Part.java:76) at org.springframework.data.repository.query.parser.PartTree$OrPart.<init>(PartTree.java:235) at org.springframework.data.repository.query.parser.PartTree$Predicate.buildTree(PartTree.java:373) at org.springframework.data.repository.query.parser.PartTree$Predicate.<init>(PartTree.java:353) at org.springframework.data.repository.query.parser.PartTree.<init>(PartTree.java:87)

使用href="#"代替href=""

答案 1 :(得分:0)

尝试从代码中删除

role="button" 

答案 2 :(得分:0)

为什么它是锚?

您错过了引导文档中所示的data-target属性

https://getbootstrap.com/docs/3.3/javascript/#dropdowns