【问题标题】:Jquery menu - controlling carousel with hash linksJquery 菜单 - 使用哈希链接控制轮播
【发布时间】:2014-08-11 06:00:15
【问题描述】:

我设置了一个 mmenu - 但是当它们位于菜单的列表项中时,它似乎忽略了所有哈希链接(#one、#teo 等)。

我希望能够从菜单中控制轮播。

如果我将它们从列表项中取出,它们会起作用,但 mmenu 的格式会丢失,并且 mmenu 在单击后不再关闭!

查看演示: http://demo.tyga.co.uk/easyjet/index.htm

是否有允许菜单中的哈希 URL 将轮播幻灯片向前移动的选项?

谢谢 安迪

【问题讨论】:

    标签: jquery mmenu owl-carousel


    【解决方案1】:

    当其 href 以(或等于)“#”开头时,mmenu 插件会阻止锚点(列表内)的默认行为。 您可以通过更改 onClick 选项来覆盖此行为:

    $("#menu").mmenu({
        onClick: {
           close: true,
           preventDefault: false,
           setSelected: true
        }
    });
    

    顺便说一句,所有这些都不适用于具有 [rel="external"] 或 [target="_blank"] 的锚点。

    【讨论】:

    • 我刚刚在右侧菜单上尝试了上述操作 - 但它不起作用... $(function() { $("#menu-right").mmenu({ offCanvas : {位置:'正确'},onClick:{关闭:true,preventDefault:false,setSelected:true}});});我错过了什么明显的东西吗?安迪
    • 我刚刚意识到问题与包裹在 UL 中的 NAV 有关 - 但我只有一个项目,所以如果没有列表项目,它可以工作吗?
    • 插件不会对不在列表项内的锚点做任何事情。 “菜单”不必是 NAV 或 UL,您也可以使用 DIV。
    • 谢谢。只是侧边栏只有包裹在 ul 中才会自动关闭
    【解决方案2】:

    我认为 mmenu 覆盖了通过哈希 URL 导航的能力,要解决此问题,您可以将 URL 更改为页面哈希 URL。

    所以

    <a href="#five">Five</a>
    

    变成

    <a href="index.htm#five">Five</a>
    

    哪个有效。

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-06-25
    • 2021-05-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-13
    相关资源
    最近更新 更多