Bootstrap 移动导航栏链接转到 URL，而不是切换答案

【问题标题】：Bootstrap mobile navbar link goto URL instead toogleBootstrap 移动导航栏链接转到 URL，而不是切换
【发布时间】：2015-07-09 15:40:25
【问题描述】：

我有一个引导导航栏链接，可以在悬停时打开子菜单，并在单击时转到 href。那很完美。问题在于移动导航栏。这些链接成为一个切换按钮，不会转到href 链接。我需要他们在单击时转到 href 并仅在单击插入符号时才切换。

导航栏可见here

【问题讨论】：

标签： jquery css twitter-bootstrap jquery-mobile

【解决方案1】：

将此添加到您的文档中。准备就绪

$(".nav").on("click", "a", function (event) {
    var target = $(event.target)
    if (target.is("a"))
        window.location.replace(target.attr("href"));
})

【讨论】：

谢谢@potatopeelings 它可以工作，但现在链接不会下拉子菜单链接。是否可以让文本获取 url 并且插入符号在点击时打开子菜单？
它已经这样做了。只需按下插入符号 - 它非常小，所以你必须有细手指或 css 样式的插入符号更大:-) 就个人而言，我认为它不是很好的 ux - 重复使用相同的项目来打开和导航，尤其是因为有些人认为如果有子菜单，点击只会打开子菜单。
再次感谢@potatopeelings，你是对的！这是工作。如果插入符号向右移动并将其更改为指向下方的大箭头图标，我认为菜单应该非常有效。使其像带有项目符号的引导导航栏按钮一样工作。你懂我的意思吗？有什么建议可以完成这项工作吗？
剩下的工作应该只是 CSS 编码吧？
是的，只是 CSS - 你已经有一个元素，只需要设置它的样式。您可能还可以在此图标和菜单项的其余部分之间设置一个小分隔符 - 有点像边框。