javascript - WordPress 中的 realshadow.js

Question

我正在尝试实现此处找到的 Realshadow.js:https://github.com/Indamix/real-shadow进入 WordPress。

当我加载 .js 时，出现两个错误:

类型错误:$未定义

$.fn.realshadow = init; in realshadow.js

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

所以我将 $.fn.realshadow 更改为 jQuery.fn.realshadow

这修复了第一个错误。

第二个是:

引用错误:realshadow 未定义

realshadow.reset(); in demo.js

现在，如果我使用 github .zip 文件中的 html 文件，一切正常。如果我只是将非常精确的 HTML 代码放入 WordPress 页面中，这是行不通的。我想肯定是WP处理外部JS代码的方式有问题。

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

这是一个全新的 WordPress 安装，使用了几乎空的二十四个主题的子主题。

有人能够将 realshadow.js 实现到 wordpress 中吗？

Answer 1

我相信Wordpress使用完整的jQuery(无冲突模式)而不是简写$。

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

(function($) {
// Do Stuff
})(jQuery)

并使用$作为局部变量。

编辑

它有效，您只需要删除 demo.js 文件，因为它是不必要的。如果您在控制台中运行 jQuery( '.entry-title').realshadow(); ，它就可以工作。