未捕获的错误:语法错误,无法识别的表达式:href

Uncaught Error: Syntax error, unrecognized expression: href

本文关键字:错误 识别 href 表达式 语法      更新时间:2023-09-26

我试图在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();
    });
});

问题很清楚,你不能将 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^='#']"),