Question

我正在使用一个多层菜单的jquery，但我遇到了链接的一些问题。

jQuery：http://multi-level-push-menu.make.rs/

JS阵列演示：http://multi-level-push-menu.make.rs/demo/basicjs/basicjs.html

当我在我的代码中实现时，链接无法点击。

例如，在演示站点中，单击“设备” - ＆gt; “手机” - ＆gt; “超级智能手机”，

我在“超级智能手机”中添加了一个链接，但此链接无法点击。

该页面不会直接指向我在标签中定义的'/ devices / mobile / supersmartphones /'。

以下是我的代码的一些部分：

<a href="/devices/mobile/supersmartphones/">
    <i class="floatRight undefined"></i>Super Smart Phone</a>

.mlpm_w a {
display: block;
outline: none;
overflow: hidden;
font-size: 1.5em;
line-height: 1em;
padding: .2em .2em;
text-decoration: none;
color: #fff;
}

.mlpm_w a:hover {
color: #ffe;
}

.mlpm_w .floatRight {
float: right;
}

title: 'All Product',
    icon: 'fa fa-reorder',
    items: [
        {
            name: 'Mobile Phone',
            link: '/device/mobile/',
            items: [
                {
                    title: 'Mobile Phone',
                    items: [
                        {
                            name: 'Super Smart Phone',
                            link: '/device/mobile/supersmartphones/'
                        },

我不知道问题出在哪里，很难解释，对此感到抱歉。

感谢您解决我的问题。

Answer 1

您需要设置preventItemClick false来处理菜单以连接自定义网址。

$('#menu').multilevelpushmenu( { preventItemClick: false  } );

DEMO

Answer 2

该插件使用您自己定制的事件处理程序处理事件。例如，如果您想要打开包含内容的新标签页，则可以这样执行：

$('#menu').multilevelpushmenu({
    onItemClick: function() {
        $item = arguments[2]
        var URL = $item.find( 'a' ).attr("href");
        window.open(URL,'_blank');
    }
});

HTML链接无效

2 个答案:

Fiddle