两个 jQuery 脚本之间的冲突

Question

我是西班牙人（抱歉我的英语），这是我第一次在这里写信询问一些事情。

经过几个小时的调试和搜索 Fancybox 脚本不起作用的原因后，我在我的网站上搜索了两个脚本之间的冲突（现在处于维护模式），

我在我的网站上使用了一些脚本，但我可以肯定地说我之间存在冲突这两个脚本：

http://www.planetdescargas.com/wp-content/themes/bigfoot/javascripts/jquery.mousewheel-3.0.4.pack.js    
http://www.planetdescargas.com/wp-content/themes/bigfoot/javascripts/jquery.fancybox-1.3.4.pack.js

AND

http://www.planetdescargas.com/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/global.js?ver=3.0.5

前两个脚本是jquery插件“fancybox”，另一个是主要的javascript（Ajax ) 对于 WordPress 插件：巴迪出版社。

后者在 fancybox 中造成冲突。如果我删除 BuddyPress 的脚本，fancybox 可以正常工作，但如果没有，fancybox 将无法工作。

BuddyPress 的脚本 global.js 在一开始就定义了一个变量，该变量是生成脚本的变量。 我尝试这样定义它：

var jq = jQuery.noConflict ();

但仍然不起作用。

有什么建议吗？

在 Firebug 控制台中我得到了这个：

c.easing[this.options.specialEasing && this.options.specialEasing[this.prop] || a] is not a function

[Detener en este error] e,this.options.orig[e]);this.options.c...++)ab||a.splice(b--,1); a.长度||

第 143 行

http://www.planetdescargas.com/wp-includes/js/jquery/jquery.js?ver=1.4.2

致谢

Answer 1

只需使用这种方式即可。

打开 wp-content/plugins/buddypress/bp-themes/bp-default/_inc/global.js

在顶部添加：

jQuery.noConflict (jquery_working =! html bind);

转到行 #1264
添加如下：

;(function(jQuery){  ///Add this before start jQuery.easing.
  jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing, {def:"easeOutQuad",swing:function(e,f,a,h,g){return ......
  // ...
})(jQuery); //Add this end of the call.

同样可以解决 jQuery Cookie 插件冲突错误。

Answer 2

这不是您使用 jQuery.noConflict() 的方式。 noConflict() 释放对 $ 符号的控制。从我从您的其他脚本中看到的情况来看，它们使用安全的方式 ((function($){ }(jQuery))) 因此使用 noConflicts() 没有实际的影响。

把它改成

var jq = jQuery.noConflict ();

这样：

jQuery.noConflict ();
var jq = jQuery;

为了确定。

文档： http://api.jquery.com/jQuery.noConflict/

Answer 3

我不知道出了什么问题，但我解决了问题。我在主题根目录的functions.php中使用此代码：

    function fancybox_js() {
            wp_enqueue_script('jquery.fancybox', 'http://www.planetdescargas.com/wp-content/themes/bigfoot/javascripts/fancybox/jquery.fancybox-1.3.4.pack.js', array('jquery'), '1.3.4');
            wp_enqueue_script('jquery.easing', 'http://www.planetdescargas.com/wp-content/themes/bigfoot/javascripts/fancybox/jquery.easing-1.3.pack.js', array('jquery'), '1.3');
            wp_enqueue_script('jquery.mousewheel', 'http://www.planetdescargas.com/wp-content/themes/bigfoot/javascripts/fancybox/jquery.mousewheel-3.0.4.pack.js', array('jquery'), '3.0.4');
    }

add_action('wp_enqueue_scripts', 'fancybox_js', 999); 

我从名为 Easy Fancybox，现在一切正常。谢谢！