我遇到的这个问题有点难以解释,但我简化并使其尽可能简单。
声明:
如下图所示,有9个div对点击很敏感,当你点击其中任何一个时,会出现另一个屏幕,这在下面的第二张图中也很明显。
问题:在第一个 DIV 中,当我单击返回主菜单时,一切正常,但是,当我单击第二个 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 天,但不知道如何解决它。