未捕获错误：语法错误，无法识别的表达式：href

Question

我试图在 href 中包含一个链接，但 jQuery 给出了以下错误：

未捕获错误：语法错误，无法识别的表达式：http://www.google.com

我在 CodeIgniter 中使用 jQuery 1.12.0，并且 href 中的任何类似于 URL 的内容都会被 jQuery 拒绝。

<li class="dropdown">
    <a href="#our-team" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">Over ons <b class="caret"></b></a>
    <ul class="dropdown-menu">
        <li><a tabindex="-1" href="http://www.google.com">Geschiedenis</a></li>
        <li><a tabindex="-1" href="#b">Onze doel</a></li>
        <li><a tabindex="-1" href="#c">Prestaties</a></li>
    </ul>
</li>

这是什么原因以及如何解决？JavaScript：

jQuery(document).ready(function($) {

    'use strict';

    /************** Toggle *********************/
    // Cache selectors
    var lastId,
    topMenu = $(".menu-first"),
    topMenuHeight = topMenu.outerHeight()+15,
    // All list items
    menuItems = topMenu.find("a"),
    // Anchors corresponding to menu items
    scrollItems = menuItems.map(function(){

        if($(this).hasClass('external')) {
            return;
        }

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

    // Bind click handler to menu items
    // so we can get a fancy scroll animation
    menuItems.click(function(e){
        var href = $(this).attr("href"),
        offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+1;
        $('html, body').stop().animate({
            scrollTop: offsetTop
        }, 300);
        e.preventDefault();
    });

    // Bind to scroll
    $(window).scroll(function(){
    // Get container scroll position
    var fromTop = $(this).scrollTop()+topMenuHeight;

    // Get id of current scroll item
    var cur = scrollItems.map(function(){
        if ($(this).offset().top < fromTop)
        return this;
    });
    // Get the id of the current element
    cur = cur[cur.length-1];
    var id = cur && cur.length ? cur[0].id : "";

    if (lastId !== id) {
        lastId = id;
        // Set/remove active class
        menuItems
        .parent().removeClass("active")
        .end().filter("[href=#"+id+"]").parent().addClass("active");
    }                   
    });

    $(window).scroll(function(){
        $('.main-header').toggleClass('scrolled', $(this).scrollTop() > 1);
    });

    $('a[href="#top"]').click(function(){
        $('html, body').animate({scrollTop: 0}, 'slow');
        return false;
    });

    $('.flexslider').flexslider({
        slideshow: true,
        slideshowSpeed: 3000,  
        animation: "fade",
        directionNav: false,
    });

    $('.toggle-menu').click(function(){
        $('.menu-first').toggleClass('show');
        // $('.menu-first').slideToggle();
    });

    $('.menu-first li a').click(function(){
        $('.menu-first').removeClass('show');
    });

    /************** LightBox *********************/
    $(function(){
        $('[data-rel="lightbox"]').lightbox();
    });

});

Answer 1

问题很清楚，你不能将 href 值传递"http://www.google.com"给$()

你的其他href只是哈希值$('#b')并且$('#c')没问题

但是 $("http://www.google.com")当您尝试在此处使用它时，它是一个无效的选择器：

menuItems.click(function(e){
  var href = $(this).attr("href"),
      offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+1;
                                     ^^^^^^^

您可以通过执行以下操作来排除它：

menuItems = topMenu.find("a[href^='#']"),