2011-08-11 51 views
1

我使用兩個jQuery插件在我的網站彩盒彈出插件和結尾內容滑塊
1- http://colorpowered.com/colorbox/
2- http://www.ndoherty.biz/demos/coda-slider/2.0/多jQuery的實例和jQuery插件產生錯誤

似乎相互衝突雙方。我已按此順序添加了所需的JS文件

<!-- jQuery library --> 
<script src="<?php bloginfo('template_url'); ?>/colorbox/jquery-1.5.1.js"></script> 

<!-- Coda Slider --> 
<link type="text/css" href="<?php bloginfo('template_url');?>/coda/codastyle.css" rel="stylesheet" /> 
<script type="text/javascript" src="<?php bloginfo('template_url');?>/coda /js/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_url');?>/coda/js/jquery.coda-slider-2.0.js"></script> 

<!-- jQuery Colorbox Popup --> 
<link media="screen" rel="stylesheet" href="<?php bloginfo('template_url'); ?>/colorbox/colorbox.css" /> 
<script src="<?php bloginfo('template_url'); ?>/colorbox/jquery.colorbox.js"></script> 

獨立地,兩個插件都可以正常工作。但是當一起使用時,我會在Firebug中得到不同的錯誤。這是我現在得到的錯誤

jQuery.easing[jQuery.easing.def] is not a function 
[Break On This Error] return jQuery.easing[jQuery.easing.def](x, t, b, c, d); 

這些插件肯定會相互衝突。 有沒有解決這個問題的方法?可以使用多個jQuery實例嗎?

+0

順便說一句,我使用Wordpress – Ali

回答

1

OK我已經解決了我的問題,我只是在WordPress的header.php移動<?php wp_head(); ?><head>標籤開始的,它的工作..奇怪,但它爲我工作:)

1

尾部滑塊插件有點舊(jQuery 1.3.2),外部的jquery.easing.js ......好吧,坦率地說,最近的jQuery版本已經搞亂了。

我認爲就目前而言,最簡單的方法是去與另一個插件爲您尾滑效果,有幾個選項在那裏,例如:http://jqueryfordesigners.com/coda-slider-effect/demo here

...或者,如果你」沒有特別關注那個效果,有很多otherslidersout there