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

【问题标题】：Uncaught Error: Syntax error, unrecognized expression: href未捕获的错误：语法错误，无法识别的表达式：href
【发布时间】：2016-05-28 12:03:29
【问题描述】：

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

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

我在 CodeIgniter 中使用 jQuery 1.12.0，任何类似于 URL 的东西都会在 href 中被 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();
    });

});

【问题讨论】：

错误出现在哪一行代码？
这是我想不通的部分，它一直在引用 jQuery，请参阅 printscreen prntscr.com/a494ep
@Trickflick 错误和 jQuery 处理传递给 $(string) 的字符串的解析方式非常清楚。术语“无法识别的表达式”是 jQuery 内部错误消息
@charlietfl，你说得对，它只接受哈希值。我什至可以输入诸如“test”之类的字符串，这些都是正确的。我尝试了您的解决方案，但这次我得到了 Uncaught Error: Syntax error, unrecognized expression: a[href^=#]

标签： javascript jquery html

【解决方案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^='#']"),

【讨论】：