重新加載html頁面中的單個div

-5

我在包含nav的頁面左側有一個div。但是，當用戶點擊鏈接時，它只會更改頁面右側的內容。有沒有辦法只點擊鏈接時加載右側？例如，當點擊「navPanel」中的鏈接時，「contentPanel」應該重新加載該鏈接上的內容。重新加載html頁面中的單個div

<nav id="navPanel"> 
    <a>link 1</a> 
    <a>link 2</a> 
    <a>link 3</a> 
</nav> 

<div id="contentPanel"> 
    <p>Content</p> 
</div>

來源

2017-07-21 Andrew Ferguson

您需要提供代碼示例，html和javascript。否則，我只是在猜測。 –

也許已經閱讀了[如何提問]指南（https://stackoverflow.com/help/how-to-ask）並添加了代碼示例，以便人們可以幫助您。 – Remi

與其他人一樣，問題需要更多信息，但建議您查看AJAX以加載新內容。 – stevelacerda7

-1

是的，你可以使用稱爲load（）的jQuery函數。

<script 
    src="https://code.jquery.com/jquery-2.2.4.min.js" 
    integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" 
    crossorigin="anonymous"></script> 

<script> 
$(function() { 
    $(document).on("click", "#navPanel a", function(){ 
     var link = $(this).attr('rel'); 
     $("#contentPanel").load(link+" #contentPanel > *"); 
    }); 
}); 
</script> 

<nav id="navPanel"> 
    <a rel='link.html'>link 1</a> 
    <a rel='link.html'>link 2</a> 
    <a rel='link.html'>link 3</a> 
</nav> 

<div id="contentPanel"> 
    <p>Content</p> 
</div>

來源

2017-07-21 20:08:44

他使用javascript作爲標籤。所以那是一個初學者。另外，我說我要用一個實例來編輯。只需等待HTML即可完成。在點擊時在div中加載一些HTML幾乎是一個jQuery基本功能。 –

我知道基本的JavaScript，目前試圖教給自己，我也會看jQuery。 –

非常感謝！我今晚會研究jQuery並應用這個！ –

重新加載html頁面中的單個div

回答

相關問題