如何在Jquery中根据动画速度加载内容?

时间:2013-02-12 19:17:37

标签: jquery slider jquery-animate


我正在创建自己的jquery滑块。我做的是我在顶部有一些图像作为菜单。其中一些是隐藏的。所以我有下一个和上一个按钮来显示剩余的菜单。
  根据所选菜单(直接点击菜单或使用下一个,上一个按钮),我显示下面的内容。

一切都很顺利。现在我想实现动画。我正在通过添加css属性来显示菜单。

jQuery("#positionindicator").css({left : "+=" + imageWidth + "px"});

当我尝试使用动画时,如果用户点击下一个或上一个按钮快速,则内容加载缓慢。为了显示内容,我调用另一个名为loadcontent的函数

jQuery("#"+i+"_slidecontent").show(); // for showing the content, similarly for hide the content too

因此,有时菜单选择显示为另一个菜单和内容加载到其他菜单。

即使用户持续点击按钮,我也希望同时实现这两项目标。

我所做的是代替css我尝试使用动画,我得到的错误是我提到的上述情况。

jQuery("#positionindicator").animate({left : "+=" + imageWidth + "px"});

screenshot

0 个答案:

没有答案