具有不可单击链接的多级推送菜单问题

Question

我尝试实现 http://multi-level-push-menu.make.rs/但我对链接有问题。

有问题的代码在这里：

<li><a href="http://www.google.com">Collections</a></li>
<li><a href="http://www.google.com">Credits</a></li>

完整代码：http://jsfiddle.net/AWJJ4/3/

为什么收藏和信用不重定向外部 URL？

Answer 1

preventItemClick 选项默认设置为 true。将其设置为 false 将解决您的问题。

<script>
$( '#menu' ).multilevelpushmenu({
    preventItemClick: false
});
</script>

但是，强烈建议使用如下所示的回调。

<script>
$( '#menu' ).multilevelpushmenu({
    onItemClick: function() {
        // First argument is original event object
        var event = arguments[0],
            // Second argument is menu level object containing clicked item (<div> element)
            $menuLevelHolder = arguments[1],
            // Third argument is clicked item (<li> element)
            $item = arguments[2],
            // Fourth argument is instance settings/options object
            options = arguments[3];
        // You can do some cool stuff here before
        // redirecting to href location
        // like logging the event or even
        // adding some parameters to href, etc...
        // Anchor href
        var itemHref = $item.find( 'a:first' ).attr( 'href' );
        // Redirecting the page
        location.href = itemHref;
    }
});
</script>

更新的小提琴，http://jsfiddle.net/AWJJ4/10/