为什么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);
}); 

小提琴： http : //jsfiddle.net/skoltyno/ZBR8G/

站点测试页面： http : //bocaratonrealestatemarket.com/jquery-test-page/

您可以在检查器中看到，高度未切换为全高，但会将其切换为24px。

这里发生了什么？

Answer 1

WordPress在noConflict模式下 运行jQuery ，这意味着$不别名为jQuery 。 这意味着您的$(this.parentNode)[0].scrollHeight+'px'引发错误（您可以在控制台中看到）。

尝试;

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

...，或者，当您创建DOM元素的jQuery对象时，立即访问DOM元素，只是：

this.parentNode.scrollHeight+'px'

...就足够了。