Question

当我在jquery代码中向按钮添加新的事件监听器时，以特定方式响应按钮单击（具体方式在此处阐明：High CPU usage from jquery?）导致网页冻结和CPU使用率跃升至25％。

我的PHP代码看起来像这样：

 <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>EssayTree</title>
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"
        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
        crossorigin="anonymous">
    </script>
     $(document).ready(function(){
            $('button#saveInfo').click(function(){
                //jquery code for button

            });
     });
</head>
<body>
//Lots of html




    //This javascript has an event listener for the same button as above
<script type="text/javascript" src="essayTree.js"></script> 
</body>
</html>

我认为问题是我在html的上方和下方都有一个事件监听器，它引用了对同一个按钮点击的反应。但是，我真的不知道这是不是问题。

让相同按钮的事件监听器点击它引用的html的上方和下方是不好的做法？如果没有，我可以采取哪些其他步骤？

如果您正在阅读此内容并想要更多代码以便澄清，请查看此问题：High CPU usage from jquery?。

我不得不再次提出这个问题，因为为大量代码提出的问题最小且充分。所以这里介绍的是尝试通过使其更小，使其可读，现在我提供了足够信息的链接。

我希望这些修改使问题更易读，更容易回答。

Answer 1

托马斯指出了正确的错误。

＆＃34;当两个嵌套循环使用相同的变量（window.i）来存储索引以进行迭代时，我想知道你不会产生有趣的结果。＆＃34;

事件监听器的CPU使用率高？

1 个答案: