javascript - jQuery 事件逐渐增长

Question

我真的很困惑这里发生的事情，如果有人能指出我正确的方向，那就太好了。

以下脚本设置为当我单击导航中的某个项目时运行，它会将内容重新加载到标题为“loadswcontent”的 div 中。

我遇到的问题是当它运行时，随着时间的推移它开始复制。请使用下面的屏幕作为引用。它是分段标记的，当我第一次单击导航中的某些内容时，它会正常运行。第二次一切都重复，第三次三倍......这种情况一直持续到我的浏览器基本上需要崩溃为止。

我做了一些谷歌搜索，我不确定这是事件传播还是事件冒泡？ (对于 Javascript 来说非常陌生)。我确实在 stackoverflow 上发现了类似的问题，尽管我无法提交两个链接。

$( document ).ready(function() {

    $('.loadsw').click(function() {
        $( "#loadswcontent" ).empty();
        console.log($(this).attr('href'));

        $( "#loadswcontent" ).load( "ajax/ajax-loadsw.php" + $(this).attr('href'));
        event.preventDefault();event.stopPropagation();
    });
});

ajax/ajax-loadsw.php 的完整源代码位于http://pastebin.com/ys788rLc (还没有被重构，这是非常讨厌的atm)。

Answer 1

经过一番挖掘后找到了答案。

<script src="js/script.js"></script> 

正在我的主页上加载。

<script src="js/script.js"></script> 

也可以通过 ajax/ajax-loadsw.php 重新加载

这会创建一个循环，因为 ajax 在该脚本中，因此它会计算事件的乘法。

教训:不要在没有 sleep 的时候尝试学习东西!感谢大家的帮助。