訪問小格

Question

我創建了一個較大的水平格觸發三個單獨的div（體育，互動，新聞）（「主」）三大的onclick觸發功能後，如何重裝大格。它們都是最初顯示的，但由於某種原因，該功能僅在點擊一次後才起作用，然後我必須刷新頁面。例如，如果我點擊觸發體育功能，我必須刷新頁面才能使用新聞按鈕。從那裏我必須刷新頁面。在觸發第二個第三個事件之前，如何讓主要div重新加載？我試過location.reload（），但似乎不工作。

 <div id="main"> 

    <div id="news"> 
    <h2 id="newsbtn"> News </h2> 
    </div> 

    <div id="interactive"> 
    <h2 id="interactivebtn"> Interactive</h2> 
    </div> 

    <div id="sports"> 
    <h2 id="sportsbtn"> Sports </h2> 
    </div> 

    </div> 

    JavaScript 
    $("#newsbtn").click(function() { 
    $("#sports").fadeOut("slow", "linear"), 
    $("#interactive").fadeOut("slow", "linear");}) 


    $("sportsbtn").click(function() { 
    $("#interactive").fadeOut("slow", "linear"), 
    $("#news").fadeOut("slow", "linear");}) 


    $("#interactivebtn").click(function() { 
    $("#sports").fadeOut("slow", "linear"), 
    $("#news").fadeOut("slow", "linear");}) 


    $("#news").click(function() { 
    $("#sports").fadeOut("slow", "linear"), 
    $("#interactive").fadeOut("slow", "linear");}) 
    ;}) 

Answer 1

答案很簡單：當你點擊其他兩個div的淡出，因此它們不可見，不可點擊的div之一後。但是你的代碼沒有功能來重新顯示div，所以你不能點擊它們（因爲它們不在那裏）。 您需要考慮重新顯示不可見div的方式（例如，使用第四個按鈕），以使其再次可見並可點擊。