寫內部鏈接與AJAX

Question

我試圖寫一些我的第一個jQuery的劇本，但我有一些問題... 我的頁面有很長的文字有很多內部鏈接（ <a href="/contents/Foo.htm" class=.internal>Foo</a> ）的。我希望當你點擊其中一個.internal鏈接時，href路徑將在<div id="article">內打開。

var InternalLink = function() { 
    $(".internal").click(function(){ 
     var path = $(this).attr("href"); 
     $.ajax({ 
      url: "path", 
      success: function(data) { 
       $('#article').html(data); 
      } 
     }); 
    });  
}; 

我寫的代碼如下所示，它完美地工作，但我想要的代碼推廣到內部類的每一個環節：

$("#article_01").click(function(){ 
    $.ajax({ 
     url: 'contents/article_01.htm', 
     success: function(data) { 
      $('#article').html(data); 
     } 
    }); 
}); 

Answer 1

<a href="/contents/Foo.htm" class="internal" data-ref="article_01">Foo</a> 

JS：

$(".internal").click(function(){ 
    var path = this.href; 
    var div = $(this).data('ref'); 
    $.ajax({ 
     url: path, 
     success: function(data) { 
      $('#'+div).html(data); 
     } 
    }); 
    return false; // so the link does *not* follow through 
});  

所以現在你所要做的就是將data-ref改爲指向你要加載html的div。