Javascript Wordpress中的realshadow.js

Javascript Wordpress中的realshadow.js,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我正在尝试将这里找到的Realshadow.js实现到wordpress中 加载.js时,会出现两个错误: TypeError:$未定义 $.fn.realshadow=init;在realshadow.js中 对于这种错误,我通常找到的第一个解决方案是使用jQuery而不是$ 因此,我将$.fn.realshadow更改为jQuery.fn.realshadow 这将修复第一个错误 第二个是: ReferenceError:未定义realshadow realshadow.reset();在d

我正在尝试将这里找到的Realshadow.js实现到wordpress中

加载.js时,会出现两个错误:

TypeError:$未定义

$.fn.realshadow=init;在realshadow.js中

对于这种错误,我通常找到的第一个解决方案是使用jQuery而不是$

因此,我将$.fn.realshadow更改为jQuery.fn.realshadow

这将修复第一个错误

第二个是:

ReferenceError:未定义realshadow

realshadow.reset();在demo.js中

现在,如果我使用github.zip文件中的html文件,一切都正常。如果我只是简单地将非常精确的HTML代码放入wordpress页面,它就不起作用了。我认为WP处理外部JS代码的方式一定有问题

即使没有jQuery,realshadow.js也应该可以工作

这是wordpress的一个全新安装,使用了一个几乎为空的儿童主题,即214主题


有没有人能够将realshadow.js实现到wordpress中?

我相信wordpress使用的是完整的
jQuery(无冲突模式),而不是速记
$

尝试
jQuery('.element').realshadow()

(function($) {
// Do Stuff
})(jQuery)
并将
$
用作局部变量

编辑
它可以工作,您只需要去掉
demo.js
文件,因为它是不必要的。如果运行
jQuery('.entry title').realshadow()
在控制台中可以工作。

您是否设置了JS文件的正确路径?realshadow.js文件是否加载到wp-footer.php文件中?是的,路径是正确的,它们是从footer.php按正确的顺序加载的。如果我帮助您解决了问题,请批准我的回答。是的-这是第三部分.js库的常见问题。我恐怕理解不太清楚(对不起,我是js的初学者)Wordpress将
jQuery
置于无冲突模式-这意味着对
$
的任何引用都将是未定义的。因此,最简单的解决方案是使用
jQuery
而不是美元符号。第二个错误是引用错误:未定义realshadow(最有可能)表示库未正确加载。可能是订单问题,或者到库的实际路径不正确。好的,谢谢,第一个问题似乎已经解决了。但第二个仍然存在。实际上,我很确定文件加载正确且顺序正确(首先是realshadow.js,然后是demo.js,与HTML文件完全相同)。最佳做法是使用
wp\u register\u script
functions.php
中加载外部脚本,如果您从演示中逐字复制它们,由于各种原因,他们很可能是错的。