私が得たこの問題は説明するのが少し難しいですが、単純化してできるだけ簡単にします。
ステートメント:
次の図で明らかなように、クリックに敏感な 9 つの div があり、それらのいずれかをクリックすると、下の 2 番目の図でも明らかな別の画面が表示されます。
問題: 最初の DIV で、クリックしてメイン メニューに戻ると、すべて正常に動作しますが、2 番目の Div をクリックしてメイン メニューに戻ると、ボタンが機能しません。両方に同じ backtoMain() メソッドを使用しましたが、明らかに何かが間違っています。
backToMainMenu ボタンを機能させるために使用する JavaScript コード:
function hideAllDivs () { /* the function that hides all divs */
jQuery('#thirdVision').hide();
jQuery('#forthVision').hide();
jQuery('#fifthVision').hide();
jQuery('#sixthVision').hide();
jQuery('#seventhVision').hide();
jQuery('#eightthVision').hide();
jQuery('#ninethVision').hide();
jQuery('#tenthVision').hide();
jQuery('#eleventhVision').hide();
//jQuery('#secondVision').show();
}
function returnToMenu () { /* the function that shows main screen which is secondVision */
hideAllDivs();
jQuery('#secondVision').show(1400); /* shows secondVision "First Picture" in 1 and a half second */
}
jQuery('#backToMain').click(function(e){ /* the function responsible for when "backtoMainMenu" button is clicked */
returnToMenu();
e.preventDefault();
});
私は約3日間それに取り組んできましたが、それを解決する方法がわかりませんでした。