jQuery 菜单栏 - 外部链接无效

Question

我有一个 jQuery 菜单栏，但是外部链接有问题。我不断收到错误：

Syntax error, unrecognized expression: http://google.com

有什么想法吗？

这是我的代码：

<ul id="menu">
    <li><a href="#home">HOME</a></li>
    <li><a href="#about-us">ABOUT US</a></li>
    <li><a href="http://www.google.com" class="external">EXTERNAL</a></li>
    <li><a href="#contact">CONTACT</a></li>
</ul>

和 js:

var lastId,
topMenu = $("#menu"),
topMenuHeight = topMenu.outerHeight()+145,
menuItems = topMenu.find("a"),

scrollItems = menuItems.map(function(){
    var item = $($(this).attr("href"));
    if (item.length) { return item; }
});

$('a.external').click(function() {
    this.target = "_blank";
});

$('a[href*=#]').bind('click', function(e) {
    e.preventDefault();

    var target = $(this).attr("href");

    $('html, body').stop().animate({
        scrollTop: $(target).offset().top 
    }, 3000, function() {

    });
    return false;
});

Answer 1

错误在行 var item = $($(this).attr("href"))，这意味着 var item = $(http://www.google.com)，这是一个错误的选择器。

jQuery 菜单栏 - 外部链接无效

jQuery menu bar - external links not working

jquery

menubar