打開網頁無需刷新

-3

我有一個導航菜單，我想在不刷新整個網站的情況下在網頁之間切換。例如Info按下它會出現，主頁或聯繫人將消失。打開網頁無需刷新

<nav id="menu"> 
    <ul> 
    <li><a href="javascript:appear('Home');">Home</a></li> 
    <li><a href="javascript:appear('Info');">Info</a></li> 
    <li><a href="javascript:appear('Contact');">Contact</a></li> 
    </ul> 
</nav>

我開始創建我的初始標題，但它沒有正確解釋，因此我被卡住了。這是我到目前爲止有：

<script type="text/javascript"> 
    function appear { 
    var item = document.getElementById; 
    if (item) { 
    if(item.className == "Show") { 
     item.className = "Hide" 
    } 
    else { 
    item.className = "Show" 
    } 
</script>

這裏是顯示和隱藏在CSS文件中定義：

#Home.Hide, #Info.Hide, #Contact.Hide { 
display: none; 
} 

#Home.Show, #Info.Show, #Contact.Show { 
display: block; 
}

來源

2016-03-01 Morris

你在說些什麼叫做SPA。單頁面應用程序。如前所述，它是單個頁面，利用散列路由和一些漂亮的技巧在不刷新瀏覽器的情況下更新頁面。看看像DURandal和Sammy的東西 – QBM5

沒有'8divID'這樣的東西。即使在你的DOM中沒有ID爲「Home」的元素。 – PeeHaa

@ QBM5感謝您的評論，但DURandal或Sammy不是我的解決方案。我正在尋找客戶端腳本。 – Morris

-1

正在找jQuery的AJAX負荷？

function appear() { 
    $.ajax({ 
     url: "info.html", 
     success: function(result){ 
     $(".ClassName").html(result); 
    }}); 
}); 
}

或用另一種方式做到這一點：

function appear() { 
    $(".ClassName").load("info.html"); 
});

使用點擊功能激活李

$("li:nth-of-type(2)").click(function(){ 
    put your code here... 
});

來源

2016-03-02 01:06:30

打開網頁無需刷新

回答

相關問題