2017-09-30 2 views
0

jquery 코드의 버튼에 새로운 이벤트 리스너를 추가 할 때 특정 방식으로 버튼 클릭에 응답 (특정 방법은 여기에 설명되어 있음 : High CPU usage from jquery?)하면 웹 페이지가 멈추고 CPU 사용량이 최대 25 점까지 증가했습니다. %.이벤트 리스너의 CPU 사용량이 높습니까?

내 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?을 확인하십시오.

많은 질문에 대해 최소한의 질문을하기 때문에이 질문을 다시해야했습니다. 그래서 여기에 제시된 것은 그것을 최소한으로 만듦으로써 읽을 수있게하려는 시도이며, 이제는 충분한 정보를 얻기위한 링크를 제공했습니다.

이러한 수정으로 질문이 더 읽기 쉽고 대답하기 쉬워지기를 바랍니다.

+3

[jquery에서 높은 CPU 사용량] (https://stackoverflow.com/questions/46505611/high-cpu-usage-from-jquery) 중복 가능성 있음 –

+0

글쎄,이 변경 사항은 이전 게시물에 적용되었을 수 있습니다. 당신과 다른 사람들이 역사의 코드를 쉽게 읽을 수 있습니다. 그럼에도 불구하고 나는 2 센트를 제공 할 수 있는지 다른 포스트로 돌아갈 것이다. –

+0

이제 코드가 충분하지 않습니다. 문제를 복제하는 가능한 가장 작은 예제를 만들어야합니다.이 코드를 실행하면 분명히 아무 것도 할 수 없습니다. – JJJ

답변

0

토마스는 올바른 실수를 지적했습니다.

"두 개의 중첩 루프가 매우 동일한 변수 (window.i)를 사용하여 해당 반복에 대한 인덱스를 저장하면 사용자가 재미있는 결과를 얻지 못하는 것입니다."