Question

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

以下脚本设置为在我点击导航中的项目时运行，它会将内容重新加载到标题为＆＃34; loadswcontent＆＃34;的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 <body ng-app="app" ng-cloak> <div layout="column" layout-gt-sm="row" layout-wrap> <div flex="25" flex-gt-sm="50" ng-repeat="i in [1,2, 3, 4, 5] track by $index"> <md-card>  </md-card> </div> </div> </body>的完整来源（尚未重构，非常令人讨厌）。

Answer 1

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

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

正在我的主页上加载。

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

也会被ajax / ajax-loadsw.php

重新加载

这是创建一个循环，因为ajax在该脚本中，因此它调用它的倍数来乘以事件。

教训：当你没有睡觉时，不要试着去学习一些东西！感谢大家的帮助。

jQuery事件逐渐增长

1 个答案: