jQueryシングルボタンをクリックすると2つのHTMLファイルが切り替わります

Question

私はプログラミングに慣れていますので、私にご負担ください。ボタンをクリックすると、別のHTMLファイルに移動しますが、もう一度クリックすると、以前にあった他のHTMLファイルには戻りません。基本的に私は2つの間で切り替えたい（または、私が追加のページを追加する場合はさらに）。

これを行うのはjQueryだけです。

$(".button").on("click", function() { 
    if(window.location.href = "index1.html"){ 
     window.location.replace("index2.html"); 
    } 

}); 

$(".button").on("click", function() { 
    if (window.location.href = "index2.html") { 
     window.location.replace("index1.html"); 
    } 
}); 

これは、このようなタスクでは複雑すぎるようです。どんな助けもありがとう！

Answer 1

これら2つのコードブロックが同じファイル内にある場合、2番目のonclickイベントが最初のものを上書きしています。 window.locationでも、リダイレクトするだけで十分です。

この試してみてください：あなたの条件を明確にし、あなたの最近のコメントに基づいて

$(".button").on("click", function() { 
    if(window.location.href == "index1.html"){ 
     window.location="index2.html"; 
    }else if(window.location.href == "index2.html"){ 
     window.location="index1.html"; 
    } 
}); 

Answer 2

を、私はあなたがページの配列、およびループのために使用した同じイベントと次のページへの進捗状況を維持したいと考えています。

var pages = ['index1.html','index2.html','index3.html','index4.html']; 

$(".button").on("click", function() { 
    for(var i = 0; i < pages.length; i++){ 
     if(window.location.pathname == pages[i]){ 
      if(i == pages.length - 1){ 
       //at the end, go to first page 
       window.location.href=pages[0]; 
      } 
      else{ 
       window.location.href=pages[i+1]; 
      } 
      break; 
     } 
    } 
}); 

このコードをデバッグしてwindow.locationの値を確認しても、長いパスがある場合は期待通りではありません。これは、www.foo.com/some/path/index1.htmlのようなURLで動作させたい場合は、相対パス全体（some/path/index1.html）を配列に追加する必要があります。