情况:我有8张幻灯片.当页面开始时,除了起始页面之外全部被隐藏,当点击第一个时它逐渐消失,然后一个接一个地淡出3个,当3个在那里时它们淡出(最大数量可以适合是3)然后我淡入接下来的3,之后我把它们隐藏起来并且最后一个留下来.结果和动画都很好,但我遇到的问题是,在所有幻灯片的fadeOut之后,下一个fadeIn会被调用两次,它会影响动画的整体外观.我尝试了很多东西,停止方法,用hide和其他东西写它,什么可能导致问题?
jquery的代码:
$(".slide_top").click(function () {
animacija_init();
});
var kadras;
var laikmatis;
function animacija_init() {
kadras = 1;
$(".slide_top").fadeOut(500);
animacija_trigger();
}
function animacija_trigger() {
if(kadras == 1) {
$('.slide.one').delay(500).fadeIn("slow");
console.log("1");
}
if(kadras == 2) {
$('.slide.two').fadeIn("slow");
console.log("2");
}
if(kadras == 3) {
$('.slide.three').fadeIn("slow");
console.log("3");
}
if(kadras == 4) {
$('.slide').fadeOut(300, function() {
$('.slide.four').delay(100).fadeIn("slow");
console.log("4");
});
}
if(kadras == 5) {
$('.slide.five').fadeIn("slow");
console.log("5");
}
if(kadras == 6) {
$('.slide.six').fadeIn("slow");
console.log("6");
}
if(kadras == 7) {
$('.slide').fadeOut(300, function() {
$('#last_slide').delay(300).fadeIn("slow");
console.log("7");
});
} …Run Code Online (Sandbox Code Playgroud) 您好我正面临这个奇怪的JQuery问题.我的Js:
$("#flip-counter").centerH();
function centerH() {
var marginL = ( $(window).width() - $(this).width() ) / 2;
$(this).css("marginLeft",marginL+"px");
alert(marginL);
}
Run Code Online (Sandbox Code Playgroud)
得到此错误:
Uncaught TypeError: Object [object Object] has no method 'centerH'
(anonymous function)
k jquery.js:2
l.fireWith jquery.js:2
p.extend.ready jquery.js:2
D jquery.js:2
Run Code Online (Sandbox Code Playgroud)
jquery.js:2为空.
我会理解,如果没有任何代码可以工作,但现在一切正常,除了那个,我不能添加任何其他功能.我只是不断得到同样的错误.正确包含所有文件,当我删除这段JS代码时,我的代码就像一个魅力.
有什么建议?