【问题标题】: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 - 你已经有一个元素,只需要设置它的样式。您可能还可以在此图标和菜单项的其余部分之间设置一个小分隔符 - 有点像边框。
    猜你喜欢
    • 2013-08-13
    • 2020-11-16
    • 2015-03-13
    • 2017-04-24
    • 2015-10-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-09
    相关资源
    最近更新 更多