javascript - 为什么 jQuery 在 jSfiddle 中有效但在站点中无效？

Question

我正在使用 jQuery 来更改 div 的高度，之前我使用的是我设置的静态值，但现在我制作了一个使 div 达到其完整高度并将其返回到 24px 的值，现在效果很好在 JSFiddle 中，但不在网站上。

jQuery(".dsellactiontext").toggle(function(){
jQuery(this.parentNode).animate({
    height: $(this.parentNode)[0].scrollHeight+'px'
  }, 400);
},function(){
jQuery(this.parentNode).animate({height:24},600);
}); 

fiddle :http://jsfiddle.net/skoltyno/ZBR8G/

本站测试页:http://bocaratonrealestatemarket.com/jquery-test-page/

您可以在检查器中看到高度没有切换到完整，但它会将其切换到 24px。

这是怎么回事？

Answer 1

Wordpress runs jQuery在 noConflict mode ，这意味着 $ 不是 jQuery 的别名。这意味着您的 $(this.parentNode)[0].scrollHeight+'px' 抛出错误(您可以在控制台中看到)。

尝试；

jQuery(this.parentNode)[0].scrollHeight+'px'

...或者，当您创建 DOM 元素的 jQuery 对象，然后立即访问 DOM 元素时，只需:

this.parentNode.scrollHeight+'px'

...应该足够了。