jquery - jQuery 问题适用于 HTML，但不适用于 Wordpress 主题

Question

我在使用 Bubble Maker 插件时遇到问题...

它在这里工作http://travisjterry.com/bubble.html

但它不会在这里工作...... http://travisjterry.com/waterworks2/

谁能指出我在这里所缺少的正确方向？

提前感谢特拉维斯

Answer 1

页面在 ($) 上出现错误

WP 以“无冲突”模式加载 JQuery，因此 ($) 快捷方式不可用，您需要使用 jQuery() 代替，例如

这个：

$('.item').click(function() {

});

对此：

jQuery('.item').click(function() {

});

或者您可以通过执行以下操作来使用自己的替代品：

var $jq = jQuery.noConflict();

然后这将用 $jq 替换 jQuery

Answer 2

我不知道 WP 是这样做的，但我也不是一个大的 Javascript 人......

这是否意味着我也需要在插件 jquery-BubbleEngine.js 中将其更改为它自己$？jQuery

所以这 -

(function($){
  $.fn.extend({

变成这个

(function(jQuery){
 jQuery.fn.extend({

和这个

  $(document).ready(function() {

对此

  jQuery(document).ready(function() {