基本的に、クリック可能な本の表紙 (.booklink) を含む非常に単純な HTML/JS ページがあります。表紙の 1 つをクリックすると、本の説明が div (#book) に読み込まれます。
$(".booklink").on("click", function(){
$("#book").load('parts/' + $(this).attr("name") + '.html');
});
最初はこれで問題なく動作しますが、数回クリックすると動作が遅くなります。約 10 回クリックすると、ブラウザが完全にクラッシュします。
.load を呼び出す前に .empty() を使用してみましたが、それでも同じ結果が得られます。
これについて私にできることはありますか?私は何か間違ったことをしていますか?これがAJAXの仕組みですか?
どんな助けでも大歓迎です!
編集:
メインページの JSFiddle: http://jsfiddle.net/Aqeav/
読み込まれたページの 1 つの JSFiddle: http://jsfiddle.net/nXGfq/