jQuery滑块只工作两次

jQuery Slider Working only twice?

本文关键字：两次 工作 jQuery      更新时间：2023-09-26

我用jQuery制作了我自己的滑块，使用。animate函数，滑块在我使用一次和两次时工作，但在第三次尝试时，它发疯了!基本上，它类似于微软的"For Home"answers"For Work"滑块，但要简单得多(目前)

它是在一个网站上直播的，为了告诉你我的意思，这里是URL:http://glorbi.com/index3

(点击For Work，然后For Home，然后For Work，它开始失败)

下面是处理滑动的jQuery:

$("#sidebar2").click(function(){
            $("#innerSec2").animate({"right" : 130}, 1000); 
            $("#sidebar2").animate({"height" : 1100});
            $("#innerSec").animate({"left" : -840}, 1000);
            $("#innerSec").animate({"left" : 840}, 200);
            $("#sidebar").animate({"height" : 400});
    });
    $("#sidebar").click(function(){
        $("#innerSec").animate({"left" : 0}, 1000);
        $("#sidebar").animate({"height" : 1100});
        $("#innerSec2").animate({"right" : 970}, 1000);
        $("#innerSec2").animate({"left" : 710}, 200);
        $("#sidebar2").animate({"height" : 400});
    });

我试过使用回调，但是它们会导致更连续的反应，移动滑动条的部分，这看起来很可怕。

我也知道z-index问题，因为它滑动，我会解决这个问题!

有谁知道我怎么能解决这个问题吗?代码非常通用，它对每个动作都有严格的值，我真的不知道它是如何失败的。: S

谢谢!任何帮助都非常感谢!:)

在firebug中摆弄它之后，我发现innerSec2上的left:710px正在引起问题，在我们点击sidebar2div之后，所以我尝试以下内容，除了z order问题之外，它似乎有效，您可以修复:D

$("#sidebar2").click(function(){$("#innerSec2").animate({"left":-130},0);});
相关文章：