0

我正在使用以下 JQuery 代码打开一扇开始关闭的门。不同的菜单项会导致门关闭然后重新打开，并在下方显示相应的图片。一切都很顺利，除了第一次打开门时，右边的门 div 会弹回到它的初始位置并再次动画。我在这里做错了什么？请查看#leftdoor 和#rightdoor 这些是我遇到问题的div。

    var doorOpen = false;

        $("a[href=#bugz]").click(function() {

            // If door is open then close doors
            if (doorOpen) { 
                var duration = 1000;
            } else {
                var duration = 0;
            }

            $('.title1,.title2,.title3,.title4,.title5,.fade1,.fade2,.fade3,.fade4,.fade5,').animate({
            opacity: 0,
            }, 1000);
            $('.fade5,.fade2,.fade3,.fade4').css('zIndex', 1);
            $('.fade1').css('zIndex', 20);

            $("#rightdoor,#leftdoor").animate(
                {"marginLeft":"0px"},
                {duration:duration,
                    complete:function() {
                        $('.pic2,.pic3,.pic4,.pic5').css('zIndex', 1);  //puts wrong pics in back
                        $('.pic1').css('zIndex', 2);  //brings right pic into view
                        $('#rightdoor').animate({  //opens doors again
                         marginLeft: "150px",
                        }, 1000);
                        $('#leftdoor').animate({
                         marginLeft: "-150px",
                        }, 1000);
                        $('.title1').animate({
                        "opacity": "0.75",
                        }, 1000);
                        $('.fade1').animate({
                        "opacity": "1",
                        }, 1000);
                    }
                }
            );

            doorOpen = true;


        });

每次再次运行时，它都可以正常工作。刚开始关门的时候才第一次出现问题

4

1 回答 1

0

尝试

doorOpen = true;
return false;

//instead of 
doorOpen = true;

如果这不起作用

尝试

$("a[href=#bugz]").click(function(e) {
  e.stopPropagation()
于 2013-01-16T21:37:12.313 回答