我在这里做了一些根本错误的事吗?最初的想法是,如果你点击旋转木马上的任何物体,信息将在底部fadeIn()。我试图理解为什么allmsgs.hide()根本不起作用,同时将该行交换到m1.hide()以隐藏奇异信息。我真的希望allmsgs.hide()可以使它更加防止用户出错。
$(document).ready(function(){
$(".owl-carousel").owlCarousel({
autoPlay: 20000,
items : 4,
itemsDesktop : [1199,3],
itemsDesktopSmall : [979,3],
StopOnHover : true,
lazyEffect : 5000,
mouseDrag : true
});
$('#panel1').on('click',function(event){
var pan1 = $('#panel1');
var m1 = $('#message1');
var allpans = $('.panels');
var allmsgs = $('.messages');
allmsgs.hide();
if(pan1.hasClass('clicked')){
allpans.css('background','#bebec5').removeClass('clicked');
} else{
m1.fadeIn('slow');
pan1.css('background','#aec6d7').addClass('clicked');
}
});
$('#panel2').on('click',function(event){
var pan2 = $('#panel2');
var m2 = $('#message2');
var allpans = $('.panels');
var allmsgs = $('.messages');
allmsgs.hide();
if(pan2.hasClass('clicked')){
allpans.css('background','#bebec5').removeClass('clicked');
} else{
m2.fadeIn('slow');
pan2.css('background','#aec6d7').addClass('clicked');
}
});
$('#panel3').on('click',function(event){
var pan3 = $('#panel3');
var m3 = $('#message3');
var allpans = $('.panels');
var allmsgs = $('.messages');
allmsgs.hide();
if(pan3.hasClass('clicked')){
allpans.css('background','#bebec5').removeClass('clicked');
} else{
m3.fadeIn('slow');
pan3.css('background','#aec6d7').addClass('clicked');
}
});
});
答案 0 :(得分:0)
抱歉被人迟钝了。 Macsupport发现了我不知道的事情,并且我能够通过省略其他部分来实现它的运行方式。
$('#panel1').on('click',function(event){
var pan1 = $('#panel1');
var m1 = $('#message1');
var allpans = $('.panels');
var allmsgs = $('.messages');
allmsgs.hide();
allpans.css('background','#bebec5');
m1.fadeIn('slow');
pan1.css('background','#aec6d7');
});
无论如何,非常感谢。