jQuery 代码不起作用（属性不是函数）

Question

我想在我的 Wordpress 网站（Agera 模板）上的 the fiddle 中实现此代码。但是代码返回错误：

TypeError: 对象 [object Object] 的属性“$”不是函数

所以我把我的代码改成了这个（把 $ 换成 jQuery）：

jQuery('a[href^="#"]').click(function(){
jQuery('body').animate({
    scrollTop: jQuery(jQuery(this).attr('href')).offset().top - 30
}, 500);
});

不起作用。

我也尝试过（也将 $ 更改为 jQuery，两者都尝试过）：

jQuery(document).ready(function() {
$('a[href^="#"]').click(function(){
    $('body').animate({
        scrollTop: $($(this).attr('href')).offset().top - 30
    }, 4000);
});
});

不起作用。如果我尝试成功实现 jQuery 的代码，它可以正常工作，就像页面上的所有其他 jQuery 一样。

可能是什么问题？ html 标记是正确的。谢谢。

Answer 1

您只需在click method 的末尾添加一个return false，如下所示：

$('a[href^="#"]').click(function(){
    $('body').animate({
        scrollTop: $($(this).attr('href')).offset().top
    }, 500);
    return false;
});

当然，在加载 jQuery 之前......你可以看看这个小提琴：http://jsfiddle.net/WxJLx/29/

Answer 2

如果您使用的是旧版本的 jquery 1.4.2，您使用的是哪个版本的 jQuery，像这样添加

jQuery.noConflict();

Answer 3

试试这个：

jQuery(document).ready(function($) {
    $('a[href^="#"]').click(function(){
        $('body').animate({
            scrollTop: $($(this).attr('href')).offset().top - 30
        }, 4000);
    });  
});

Answer 4

这个问题似乎与your other question 非常相似。

所以请准确告诉我们您想了解什么

1. 您想了解动画的工作原理吗？那么请看this animate example，求更多解释
2. 您的代码在 demo on plnkr.co 中有效 - 所以很难说它为什么不适合您。请详细说明您认为它不起作用的原因。
3. 您是否希望我们在您的 Wordpress 网站（Agera 模板）中找到错误 TypeError: Property '$' of object [object Object] is not a function 的原因，然后提供更多信息甚至更好地链接到不起作用的页面会很有帮助。

关于第 2 点的代码

我只是稍微修改了你的代码：

jQuery(function($)
{       
      $('a[href^="#"]').click(function(){
          $('body').animate({
              scrollTop: $($(this).attr('href')).offset().top -20
          }, 500);
          return false;
      });    
});

如上所述，请参阅demo on plnkr.co

关于第 3 点

关于您遇到的错误消息TypeError: Property '$' of object [object Object] is not a function - these answers may be of help 甚至更多this one mentions wordpress

请帮助我们帮助您

很抱歉提出以下问题，但在不知道您了解多少的情况下很难提供帮助

• 你知道events are and how they work吗？
• 你用过chrome dev tools吗？它们使发现错误变得容易。