2016-11-10 2 views
0

jQuery의 토글 기능이 제 경우에 비해 너무 낮습니다. 2000 개 이상의 행을 전환해야하고 스크립트는 30 초 이상 필요합니다.jQuery 성능이 너무 느림 (토글)

성능을 어떻게 향상시킬 수 있습니까? 아마 jQuery 대신 Javascript 만 있을까요?

+0

솔직히,이 경우에는 변경하려는 사항이 반영된 페이지에 숨겨진 두 번째 테이블을 숨기고, 모든 행을 토글하지 않고 표 표시를 전환하는 것이 더 나을 것입니다. – Gavin

답변

1
여기

바닐라 jQuery를 간을 비교 한이

$('#toggleAspMaterials').click(function() { 
 
    $('#catalog body.asp').toggle(); 
 
    return false; 
 
});
<input id="toggleAspMaterials" value="Show Asp Materials/hide" class="button" type="button">

, 그것은/초 동작을 기반. 그래서, 네, 아마도 자바 스크립트를 사용하면 충분히 좋은 케이스를 최적화 할 수 있습니다.

enter image description here

Diagram original source

0

캐시 클릭 기능 이외의 요소와 일치하는 목록.

JQ가 모든 요소를 ​​검색하는 데 걸리는 시간이 한 번 필요하고 이후에는 사냥을위한 클릭 당 오버 헤드가 없으므로 속도가 빨라집니다.