改變DIV的內容，對<a>點擊

Question

我想實現這種類型的行爲：

在頁面的左側，有一個帶有鏈接的導航，並在頁面的右側有一個空白的div。當用戶點擊鏈接時，右側的內容會發生變化。所有其他鏈接也應該如此。

我的問題是，什麼是實現這一目標的最佳方式是什麼？我在想JQuery選項卡，只是樣式選項卡的標題看起來像一個鏈接，但這兩個DIV之間存在差距，所以我想這是不可能的。

Answer 1

你不需要使用jQuery標籤爲。

採取記住，SF是不是腳本的來源，所以，你應該先試的東西，並與一些代碼後發表您的疑問進行分析，其可能會幫助你。

你有很多的選擇要做到這一點，但是，根據你說的話。我不能說你只想用javascript來做，對嗎？

所以，你可以使用jQuery這樣來實現這一目標。

jQuery的

$(document).ready(function(){ 
    $('#left-side a').click(function(e){ 
     e.preventDefault(); 
     $.ajax({url: $(this).data('target'), dataType: 'html', success: function(result){ 
      $("#right-side").html(result); 
     }}); 
     return false; 
    }); 
}); 

HTML：

<div id='left-side'> 
    <ul> 
     <li><a href='#' data-target='aa.html'>Page 1</a></li> 
     <li><a href='#' data-target='page2.html'>Page 2</a></li> 
     <li><a href='#' data-target='page2.html'>Page 2</a></li> 
    </ul> 
</div> 
<div id='right-side'> 
</div> 

每當你點擊一些鏈接，該腳本將與阿賈克斯加載定義的頁面。我建議你使用服務器端來實現這一點，但是，這也有效。

希望它可以幫助你。