jQuery.js 错误答案

【问题标题】：Jquery.js errorjQuery.js 错误
【发布时间】：2017-03-17 10:41:06
【问题描述】：

我有一个主页，其中有 2 个按钮链接到注册页面，另一个链接到登录页面。在 chrome 调试器中显示错误：

jquery.js:2 
Uncaught Error: Syntax error, unrecognized expression: 
html/first-time-login/first-time-login.php
    at Function.fb.error (jquery.js:2)
    at fb.tokenize (jquery.js:2)
    at fb.select (jquery.js:2)
    at Function.fb [as find] (jquery.js:2)
    at m.fn.init.find (jquery.js:2)
    at m.fn.init (jquery.js:2)
    at m (jquery.js:2)
    at HTMLAnchorElement.<anonymous> (custom.js:92)
    at HTMLAnchorElement.dispatch (jquery.js:3)
    at HTMLAnchorElement.r.handle (jquery.js:3)

这是我的链接 HTML 代码：

<a href="html/login/login.php" class="wow fadeInUp btn btn-default hvr-bounce-to-top smoothScroll" data-wow-delay="1.3s">Login</a>
<a href="html/first-time-login/first-time-login.php" class="wow fadeInUp btn btn-default hvr-bounce-to-top smoothScroll" data-wow-delay="1.3s">register</a>

这也是我的 custom.js 第 92 行代码：

scrollTop: $($anchor.attr('href')).offset().top - 49

该行在此函数中：

$(function() {
        $('#home a, .navbar-default a').bind('click', function(event) {
            var $anchor = $(this);
            $('html, body').stop().animate({
                scrollTop: $($anchor.attr('href')).offset().top - 49
            }, 1000);
            event.preventDefault();
        });
    });

另外，如果您想知道我正在使用模板。不过，我忘记了我从哪里得到它。感谢任何人帮助我

【问题讨论】：

您需要粘贴您的自定义 javascript（参见第 92 行的 custom.js）
看起来您有一些代码使用href 属性作为选择器，例如$(this.href)
我什至尝试将链接更改为其他链接，但它现在仍然有效。我看到的所有其他问题都说了同样的事情：更改链接导致 jquery 以不同的方式解释它
Uncaught Error: Syntax error, unrecognized expression: jquery.js:2 处的错误通常意味着：选择器不是有效的 css 选择器。因此，虽然$($anchor.attr('href')) 的构造本质上不是错误的，但此错误消息告诉您，无论$anchor.attr('href') 的值是什么，它都不是有效的css 选择器。你能发布$anchor.attr('href')的值吗？
你知道如何使用javascript吗？注释包含 custom.js 的行。这显然是一个错误。也许它与具有这些类的链接有关：class="wow fadeInUp btn btn-default hvr-bounce-to-top smoothScroll" 我敢打赌，当您删除那里的smoothScroll 类时，错误就会消失。您必须使用一个滚动的 javascript 插件，它没有它需要工作的东西，所以它给出了一个错误。我猜 Smoothscroll 是针对单页应用程序的，它肯定希望链接的 href 属性是同一页面中元素的 id，以便它可以滚动

标签： javascript jquery

【解决方案1】：

尝试删除链接 class 属性的类 smoothScroll。

例子：

<a href="html/first-time-login/first-time-login.php" class="wow fadeInUp btn btn-default hvr-bounce-to-top" data-wow-delay="1.3s">register</a>

我认为smoothScroll 期望href 属性包含同一页面中另一个元素的id（或有效的JQuery 选择器字符串），因此它可以向下或向上滚动到该元素。由于您的页面中没有发生这种情况，因此会引发错误。

【讨论】：

@AbhinavVemulapalli 也删除了其他类。保持btnabd btn-default 看看是哪一个造成了麻烦。这些类本身不会造成问题，但在这种情况下，它们可以被一些 JavaScript 用来识别它们应该管理的对象，然后就缺少了一些东西。