2017-09-30 6 views
0

jqueryコード内のボタンに新しいイベントリスナーを追加したときに、特定の方法でボタンのクリックに応答する(具体的な方法はここで明確になります:High CPU usage from jquery?)、Webページがフリーズし、CPU使用率が最大25 %。私は、問題は、私はそれが同じボタンのクリックに反応し参照するHTMLの上方および下方イベントリスナーを持っているということだと思いますイベントリスナーからのCPU使用率が高いですか?

<!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> 

私のPHPコードは次のようになります。しかし、私は本当にこれが問題かどうか分かりません。

同じボタンをクリックして、それが参照するhtmlの上と下をクリックするイベントリスナーを持つことは悪い習慣ですか?そうでない場合は、他にどのような手順を取ることができますか?

あなたがこれを読んでいて、明確化のためにコードを追加したい場合は、High CPU usage from jquery?をご覧ください。

多くのコードに対して問題を最小限かつ十分にしているので、この質問をもう一度お願いしました。だから、ここで提示されているのは、最小限に抑えて読みやすくするための試みであり、今では十分な情報のためのリンクを提供しています。

これらの編集により質問がより読みやすく、簡単に答えることができたら幸いです。

+3

[jqueryのCPU使用率が高い]の可能な複製(https://stackoverflow.com/questions/46505611/high-cpu-usage-from-jquery) –

+0

この変更は以前の投稿に行われている可能性がありますあなたや他の人たちは歴史の中のコードを簡単に読むことができます。それにもかかわらず、私は私の2セントを提供することができるかどうかを確認するために、他のポストに戻って行きます。 –

+0

これでコードが十分ではありません。問題を再現する可能な限り小さな例を作る必要があります。このコードを実行すると明らかに何もしません。 – JJJ

答えて

0

Thomasは正しい間違いを指摘しました。

"ネストされた2つのループで同じ変数(window.i)を使用して繰り返しのインデックスを格納すると、面白い結果が得られないのではないかと思います。

関連する問題