写内部链接与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。