javascript - jqueryのロードとアンロード

Question

リンク1とリンク2の2つのリンクがあります。ユーザーがそれらのいずれかをクリックすると、jqueryロード機能を使用して別のhtmlページが動的にロードされます。それは正常に動作しますが、ユーザーがリンク1をクリックすると、最初にコンテナdivにある前のページがアンロードされます。現在empty()関数を使用していますが、思い通りに動作しません。どうすればこれを達成できますか？

アップデート

「思ったように動かない」 = つまり、現在のページの上に同じページをロードするということです。私がこれを知っているのは、押すと言うと、コンテナ divprofileに読み込まれるからです。profile.htmlprofile.html 内には 2 つのボタンがあり、それらにクリック イベントを追加したので、これらのボタンをクリックすると、alert() メッセージが 1 回表示されます。次に、を押すとhome、ロードされますhome.html。次に、再度 profile.html をロードするプロファイルを押すと、もう一度。したがって、profile.html 内のボタンを押すと、各ボタンを 1 回クリックすると、alert() メッセージが 2 回表示されます。

これが私のコードです

<ul>
 <li><a href="#" rel="home" class="home tabs"></a></li>
 <li><a href="#" rel="camera" class="profile tabs"></a></li>
 <li><a href="#" rel="profile" class="cam tabs"></a></li>
</ul>

ここに私のjsがあります

init: function () {
Tabs.loadViews('home');
$(document).on('touchstart', 'footer a', Tabs.getViewName);
));
}

loadViews: function ( page ) {
    var view = './views/' + page + '.html';
$(container).unload().empty();
$(container).load(view, function () {
setTimeout(function () {
    scroller.refresh();
}, 0);
 });
}