Question

这2个Jquery冲突 如何解决？

一、$(function(){
$('#float-chat-box').hide();
//中间弹窗
var createDate = new Date(),
Hours = createDate.getHours(),
Minutes = createDate.getMinutes(),
Seconds = createDate.getSeconds();

Hours = Hours < 10 ? ("0" +Hours) : Hours;
Minutes = Minutes < 10 ? ("0" + Minutes) : Minutes;
Seconds = Seconds < 10 ? ("0" + Seconds) : Seconds;

NewTime = Hours + ':' + Minutes + ":" + Seconds;
$('.nowTime1,.nowTime2').html(NewTime);

$('.public-live-5 .bajs-live-popup-close').click(function(){
$('.public-live-5').hide();
$('.public-live-6').show();
timer = setTimeout(function () {
$('.public-live-5').show();
$('.public-live-6').hide();
}, 50 * 1000);
});
setTimeout(function () {
$('.public-live-5 .bajs-ajax-form').slideDown(200);
$('.public-live-5').animate({
height : 362
}, 300);
},5*1000);
//右边弹窗
$('.public-live-6 .bajs-live-popup-close').click(function(){
$('.public-live-6').hide();
$('.public-live-5').show();
});
$('.public-live-6 .bajs-srcoll-top').click(function(){
$('body,html').animate({ scrollTop: 0 }, 300);
});

});

二、$(document).ready(function(){

$(".green").mouseover(function(){
$(this).stop().animate({height:'235px'},{queue:false, duration:600, easing: 'easeOutBounce'})
});

$(".green").mouseout(function(){
$(this).stop().animate({height:'48px'},{queue:false, duration:600, easing: 'easeOutBounce'})
});

$(".red").mouseover(function(){
$(this).stop().animate({height:'235px'},{queue:false, duration:600, easing: 'easeOutBounce'})
});

$(".red").mouseout(function(){
$(this).stop().animate({height:'48px'},{queue:false, duration:600, easing: 'easeOutBounce'})
});

});
如果一存在 二运行不了 如果同时存在 一能运行 二运行不了

Answer 1

$(function(){
$('#float-chat-box').hide();
//中间弹窗
var createDate = new Date(),
Hours = createDate.getHours(),
Minutes = createDate.getMinutes(),
Seconds = createDate.getSeconds();

Hours = Hours < 10 ? ("0" +Hours) : Hours;
Minutes = Minutes < 10 ? ("0" + Minutes) : Minutes;
Seconds = Seconds < 10 ? ("0" + Seconds) : Seconds;

NewTime = Hours + ':' + Minutes + ":" + Seconds;
$('.nowTime1,.nowTime2').html(NewTime);

$('.public-live-5 .bajs-live-popup-close').click(function(){
$('.public-live-5').hide();
$('.public-live-6').show();
timer = setTimeout(function () {
$('.public-live-5').show();
$('.public-live-6').hide();
}, 50 * 1000);
});
setTimeout(function () { 
$('.public-live-5 .bajs-ajax-form').slideDown(200);
$('.public-live-5').animate({
height : 362
}, 300);
},5*1000);
//右边弹窗
$('.public-live-6 .bajs-live-popup-close').click(function(){
$('.public-live-6').hide();
$('.public-live-5').show();
});
$('.public-live-6 .bajs-srcoll-top').click(function(){
$('body,html').animate({ scrollTop: 0 }, 300);
});
$(".green").mouseover(function(){
$(this).stop().animate({height:'235px'},{queue:false, duration:600, easing: 'easeOutBounce'})
});

$(".green").mouseout(function(){
$(this).stop().animate({height:'48px'},{queue:false, duration:600, easing: 'easeOutBounce'})
});

$(".red").mouseover(function(){
$(this).stop().animate({height:'235px'},{queue:false, duration:600, easing: 'easeOutBounce'})
});

$(".red").mouseout(function(){
$(this).stop().animate({height:'48px'},{queue:false, duration:600, easing: 'easeOutBounce'})
});
});

追问

不行喔 一样运行不了。

Answer 2

如果是命名冲突，你可以试试。 noConflict() 方法 noConflict() 方法会释放会 $ 标识符的控制，这样其他脚本就可以使用它了。

追问

能加腾讯吗，我不会用你说的那个方法

Answer 3

这两个都是在页面加载完成之后绑定事件用的，所以可以将2里面的事件绑定放到1中去

追问

是跟像3楼那样吗， 不行呢。