私は独自の jquery スライダーを作成しています。私がしたことは、メニューとして上部にいくつかの画像があることです。それらのいくつかは非表示になっています。残りのメニューを表示するための次と前のボタンがあります。
選択したメニューに基づいて (メニューを直接クリックするか、次、前のボタンを使用して) その下にコンテンツを表示しています。
cssプロパティを左に追加してメニューを表示しています。
jQuery("#positionindicator").css({left : "+=" + imageWidth + "px"});
ユーザーが次または前のボタンをクリックするとアニメーションを処理しようとすると、コンテンツの読み込みが遅くなります。コンテンツを表示するために、別の関数を呼び出していますloadcontent
jQuery("#"+i+"_slidecontent").show(); // for showing the content, similarly for hide the content too
そのため、メニュー選択が別のメニューとして示され、他のメニュー用にコンテンツが読み込まれることがありました。
ユーザーがボタンを連続してクリックしても、両方を同時に達成したい。
私がしたことは、cssの代わりにanimateで試したところ、上記のシナリオで述べたエラーが発生しました。
jQuery("#positionindicator").animate({left : "+=" + imageWidth + "px"});
