Question

与以下代码和另一个jquery代码存在冲突。我已经使用

修复了与ajax标签的另一个冲突

 jQuery.noConflict();
    jQuery(function ($) {
        // jQuery code in here
    });

但发现用jcarousel触发了另一个冲突，这样做并不能解决这个问题，任何建议都会受到赞赏。

Jcarousel代码

    <script type="text/javascript" src="{$smarty.const._URL}/js/jquery.jcarousel.pack.js"></script>
          {literal}
          <script type="text/javascript">
  jQuery(document).ready(function() {
   jQuery('#mycarousel').jcarousel({
        size: {/literal}{$total_playingnow}{literal}
    });
  });
  </script>

触发冲突的新代码（facebook弹出likebox）：

<script type="text/javascript"/>
jQuery.noConflict();
jQuery(function ($) {
//<![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}

// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>

jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay('3000').fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}

});
});

Answer 1

jQuery(function ($) {
    // jQuery code in here
});

可以更改为

(function($){

    //code here

})(jQuery)

哪个应解决冲突问题。

Jcarousel和jquery新添加的脚本冲突

1 个答案: