ナビゲーション ボタンに大きな問題があります。画像スクロール用のプラグインを使用しています。ナビゲーションボタンを追加したかったのですが、次の問題に直面しています。
ユーザーがボタンをクリックしないと、アクティブ化された次のボタンに移動し、ユーザーがクリックしてボタンを転送しても、アクティブ化された次のボタンに移動します。しかし、ユーザーが戻るボタンをもう一度クリックすると、アクティブ化されず、画像がスクロールされます。
そして、最後のボタンから、問題のある最初のボタンに移動する必要があります。
また、最初に繰り返し画像を削除したかったので、問題は発生しませんが、問題があります。
navigation.js のコード全体がこのフィドルにあります
----- このような繰り返しの画像を削除しようとしました ------
// remove duplicates from first
var classes = [];
$("#banner img").each(function(id, vl) {
$this = $(this), cls = $this.attr("class");
if( $.inArray(cls, classes) < 0 ) {
classes.push(cls);
}
});
for(var c = 0; c < classes.length; c++ ) {
if( $("#banner img."+classes[c]).length > 1 ) {
$("#banner img."+classes[c]+":first").remove();
}
}
// end remove
//remove duplicate images from last
var seen = {};
$('#banner img').each(function() {
var className = $(this).attr('class');
if (seen[className])
$(this).remove();
else
seen[className] = true;
});
//end remove
このフィドルでコメントしたこれらのコードはどこで使用しました かしかし、他の以前の問題が発生したため、これをライブサイトに実装していません。
私の主な問題は、1 つの画像ブロックが左に来るまで待つと、次のナビゲーション ボタンに自動的に移動し、別のボタンをクリックして対応する画像が左に移動するまでしばらく待つと、今まで問題がないことですが、問題前のボタンをもう一度クリックすると発生し、アクティブ化されません。
この質問はイライラするかもしれませんが、気にしないでください。問題を解決した人には誰でも、この質問に対して+1000 の報奨金を授与します。