jqueryを使用して特定のクラスとのリンクをAjaxify

Question

クラス 'ajax'を持つすべてのリンクをページを更新せずに読み込むことはできますか？完全な本文の内容を変更する必要があります。ページのタイトルとURLはブックマークできるようにする必要があります。

Answer 1

$('a.blah').click(function(e){ 
    e.preventDefault; 
    $.get('page.html', function(data){ 
     $('body').html(data); 
    }); 
}); 

おそらく最も簡単な方法ですが、blahをクラスに置き換え、page.htmlをページに置き換えてください。

Answer 2

これは特定のクラスを持つすべてのリンクで有効です。 'target'はメインのコンテンツdivのIDです。現在のマークアップを編集する必要はありません。

$('.class').click(function(e) { 
    e.preventDefault(); 
    $('#target').load($(this).attr('href')); 
});