将回调添加到此函数Jquery
我需要添加这个函数fadeInBoxes();作为对此单击函数的回调。我一辈子都搞不懂语法。所以,在所有这些完成工作之后,我想加载上面的函数。有什么想法吗将回调添加到此函数Jquery,jquery,Jquery,我需要添加这个函数fadeInBoxes();作为对此单击函数的回调。我一辈子都搞不懂语法。所以,在所有这些完成工作之后,我想加载上面的函数。有什么想法吗 $(".select").click(function(){ fadeBoxes(); var num = $(this).attr('rel'); $("ul").roundabout("animateToChild", num); chageDots(num); }); 完整代码 $(docu
$(".select").click(function(){
fadeBoxes();
var num = $(this).attr('rel');
$("ul").roundabout("animateToChild", num);
chageDots(num);
});
完整代码
$(document).ready(function() {
function chageDots(dot){
for (var i = 0; i < 5; i++) {
$("#dot0"+i).removeClass("active");
};
$("#dot0"+dot).addClass("active");
};
var images = ["img1.jpg","img1.jpg","img1.jpg","img1.jpg","img1.jpg"];
for (var j = 0; j < 5; j++) {
$("#img0"+j).css("background-image","url('"+images[j]+"')");
$("#img0"+j).css("background-size","cover");
};
var fade_start=false;
chageDots(0);
$('ul').roundabout({
btnNext: '.next',
btnPrev: '.back',
btnNextCallback: function() {
var data = $(this).data("roundabout");
var current_num = data.childInFocus;
chageDots(current_num);
fadeInBoxes();
},
btnPrevCallback: function() {
var data = $(this).data("roundabout");
var current_num = data.childInFocus;
chageDots(current_num);
fadeInBoxes();
},
clickToFocusCallback: function(){
var data = $(this).data("roundabout");
var current_num = data.childInFocus;
chageDots(current_num);
current_num.click == false;
fadeInBoxes();
}
});
$(".next").click(function() {
fadeBoxes();
});
$(".back").click(function() {
fadeBoxes();
});
$("li").click(function() {
fadeBoxes();
});
$(".select").click(function(){
fadeBoxes();
var num = $(this).attr('rel');
$("ul").roundabout("animateToChild", num);
chageDots(num);
});
function fadeBoxes (){
if(fade_start != true){
fade_start = true;
$("#mainBox").fadeOut("fast",function() {
// Animation complete.
fade_start = false;
});
$("#leftBox").fadeOut("fast",function() {
// Animation complete.
fade_start = false;
});
$("#rightBox").fadeOut("fast",function() {
// Animation complete.
fade_start = false;
});
}
};
function fadeInBoxes (){
$("#mainBox").fadeIn(200);
$("#leftBox").fadeIn(100);
$("#rightBox").fadeIn(100);
};
$(文档).ready(函数(){
功能改变点(点){
对于(变量i=0;i<5;i++){
$(“#dot0”+i).removeClass(“活动”);
};
$(“#dot0”+dot).addClass(“活动”);
};
var images=[“img1.jpg”、“img1.jpg”、“img1.jpg”、“img1.jpg”、“img1.jpg”];
对于(var j=0;j<5;j++){
$(“#img0”+j).css(“背景图像”,“url”(“+images[j]+”)”);
$(“#img0”+j).css(“背景大小”、“封面”);
};
var fade_start=false;
chageDots(0);
$('ul')。环岛({
btnNext:“.next”,
btnPrev:“.back”,
btnNextCallback:函数(){
var data=$(this.data(“环岛”);
var current_num=data.childInFocus;
chageDots(当前数量);
fadeinbox();
},
btnPrevCallback:函数(){
var data=$(this.data(“环岛”);
var current_num=data.childInFocus;
chageDots(当前数量);
fadeinbox();
},
单击ToFocuscalBack:函数(){
var data=$(this.data(“环岛”);
var current_num=data.childInFocus;
chageDots(当前数量);
当前_num.click==false;
fadeinbox();
}
});
$(“.next”)。单击(函数(){
fadeBoxes();
});
$(“.back”)。单击(函数(){
fadeBoxes();
});
$(“li”)。单击(函数(){
fadeBoxes();
});
$(“.select”)。单击(函数(){
fadeBoxes();
var num=$(this.attr('rel');
$(“ul”)。环岛(“animateToChild”,num);
查格点(num);
});
函数fadeBoxes(){
如果(淡入淡出开始!=真){
fade_start=true;
$(“#mainBox”).fadeOut(“快速”,函数(){
//动画完成。
fade_start=false;
});
$(“#leftBox”).fadeOut(“快速”,函数(){
//动画完成。
fade_start=false;
});
$(“#rightBox”).fadeOut(“快速”,函数(){
//动画完成。
fade_start=false;
});
}
};
函数FadeInBox(){
$(“#mainBox”).fadeIn(200);
$(“#leftBox”).fadeIn(100);
$(“#右框”).fadeIn(100);
};
})) 寻找这个:Pioul说:click事件会立即触发,持续时间为0,因此它没有任何回调。Do
Roundout()
或chageDot()
自己进行回调吗?是的,他们自己进行回调。我在这里添加了完整的代码,虽然很混乱,但如果有帮助的话……请重新表述您的问题,因为它的当前形式令人困惑。如果您需要fadeBoxes作为简单的单击处理程序回调。。它:$(“.select”).click(fadeBoxes)为什么让人困惑,我想在我的click函数完成后添加一个回调函数..这对我有帮助,但我解决了我的问题,我在$(.ul”).roundout(“animateToChild”,num,fadeInBoxes)中的num var之后添加了该函数;