基本上,我有一个非常简单的HTML / JS页面,带有一些可点击的书籍封面(.booklink)。当您单击其中一个封面时,该书的描述将加载到div(#book)中。
$(".booklink").on("click", function(){
$("#book").load('parts/' + $(this).attr("name") + '.html');
});
现在起初它的效果非常好,但点击几次之后就会开始滞后。大约10次点击后,我的浏览器甚至完全崩溃。
我在调用.load之前尝试使用.empty(),但我仍然得到相同的结果。
我能做些什么吗?难道我做错了什么?这是AJAX的工作原理吗?
感谢任何帮助!
修改
主页的JSFiddle:http://jsfiddle.net/Aqeav/
其中一个加载页面的JSFiddle:http://jsfiddle.net/nXGfq/