アプリケーション全体で次のコードを使用して、ページを DIV 要素にロードするハイパーリンクを作成します
$(".OpenInContent").click(function () {
linkObj = $(this);
var viewUrl = linkObj.attr('href');
$('#ActiveContent').empty();
$('#ActiveContent').load(viewUrl);
return false;
});
たとえば、次の html を含む「main.html」というページがあるとします。(上記の JavaScript はこのページの下部にあります)
<a class="OpenInContent" href="test.html">
<div id="ActiveContent" style="display: block;"></div>
これにより、test.html のコンテンツが ID ActiveContent の DIV に読み込まれます。
しかし、test.html のコンテンツに "OpenInContent" クラスへのハイパー リンクも含まれている場合はどうなるでしょうか。
これを機能させる唯一の方法は、同じ Javascript を test.html ページの下部に配置することです。
これを達成するための最良の方法は何ですか? 私は、同じ JavaScript コードを 2 回ロードすることを想定しています。