単一の機能を使用してページに複数のHTMLコンテンツをインポートする

Question

ページ全体を新しいページにインポートするのではなく、HTMLコンテンツをインポートしようとしています。

問題は、ロードする必要があるアイテムごとにドキュメントロード機能を作成する必要があることです。単一の機能でこれを行う方法はありますか？リンクをクリックするたびに異なるコンテンツがインポートされることを意味しますか？したがって、別のDIVコンテンツをインポートしたい場合は、複製物全体を作成する必要があります。

コード：

$(document).ready(function() { 
    $('.using-this-button').click(function() { 
     $('.importHere').load('from-here.php #just-this-part'); 
     return false; 
    }); 
}); 

Answer 1

あなたはそれを動的に設定してみてください。私はあなたがdifferentnetのコンテンツを設定するために異なるリンクを使用すると仮定します。

JS

$(document).ready(function() { 
     $('a.dynamic_load').click(function() { 
     var $el = $(this); 
     $($el.data('dest')).load($el.data('src'), $el.data('target')); 
     });  
    }); 

HTML

<a href="url.php" data-src="url-to-retrieve-data.php" data-dest=".element-to-replace" data-target="#element-to-retrieve-data-from">click here</a>