主页 / 问题 / 1601570
Accepted
maindenis
Asked:2024-12-04 02:32:10 +0000 UTC2024-12-04 02:32:10 +0000 UTC

如何避免语法错误、无法识别的表达式：#

  • 772

有这样的js

$('a[href^="#"]').on('click', function (e) {
        e.preventDefault();
        var hrefAttr = $(this).attr("href");
        parent = $(this).closest("ul");
        parent.find("a").removeClass("active");
        $(this).addClass("active");
        if($(hrefAttr).length == 0) {
            location.href='/'+hrefAttr;
        } else {
            if( hrefAttr.length > 0 && hrefAttr != "#") {
                $('html, body').stop().animate({
                    'scrollTop': $(hrefAttr).offset().top-10
                }, 500);
            }
        }
    });

如果 $(hrefAttr) 元素丢失，则需要转到 location.href='/'+hrefAttr 并滚动到 $(hrefAttr)。滚动良好。但当你点击这个链接时

<a href="#" data-popup-link="callback">Заказать звонок</a>

给出一个错误

jquery.js?ver=1.0:1586 Uncaught Error: Syntax error, unrecognized expression: #

这就是该表格效果不佳的原因。

如何解决这个问题？

javascript

1 个回答

  1. Best Answer

    该字符串#不是有效的 css 选择器，这就是发生错误的原因。

    解决方案很简单，检查该值是否不是#。

    $('a[href^="#"]').on('click', function(e) {
  e.preventDefault();
  var hrefAttr = $(this).attr("href");
  if (hrefAttr == '#' || $(hrefAttr).length == 0) {
    console.log(1)
  } else {
    console.log(2)
  }
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<a href="#" data-popup-link="callback">Заказать звонок</a>

    • 0

相关问题