我正在创建自己的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"});