在這樣的頁面之間移動的正確方法是什麼？

Question

首先，當頁面加載時，我有一個標題div，home div和bottoom div。我有側邊欄，如果我點擊「關於」例如它指我「#about」（這是一個div）。

我想要「家」div將隱藏或別的東西，而不是「家」div，生病見div。 當然，當頁面位於主頁時，隱藏約div（因爲當頁面加載時，我想看到主div）。

Answer 1

你應該做的是在你的鏈接和要顯示的內容之間建立一些連接（div's）。您可以將每個內容div的id保留在每個鏈接的HTML 5數據屬性中。

我在這裏要保持相應的內容div的ID在數據屬性稱爲target

<div>Header</div> 

<a href="#" class="links" data-target="home">Home</a> 
<a href="#" class="links" data-target="about">About</a> 
<a href="#" class="links" data-target="contact">Contact</a> 

<div id="home" class="content" style="display:none;">Home content</div> 
<div id="about" class="content" style="display:none;">Abount content</div> 
<div id="contact" class="content" style="display:none;">Contact content</div> 

<div>Footer</div> 

，並點擊鏈接時，獲得目標數據屬性值，並用它來獲取內容div並顯示它。

$(function(){ 

    $(".content").first().show(); //show the first div(Home content) 

    $(".links").click(function(e){ 
    e.preventDefault(); 
    $(".content").hide(); 
    var target=$(this).data("target"); 
    $("#"+target).show(); 

    }); 

}) 

Here是一個工作示例。