Javascript Wordpress中的realshadow.js
我正在尝试将这里找到的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主题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中?我相信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
中加载外部脚本,如果您从演示中逐字复制它们,由于各种原因,他们很可能是错的。