JQuery instant addClass 또는 hide 클래스

Question

클래스를 숨기려면 JQuery를 추가 할 때 물론 페이지가로드 될 때까지 기다렸다가 클래스를 숨 깁니다 ('addClass'와 동일). 페이지가로드 될 때 '로드'하는 데 더 빠르고 더 좋은 방법이 있어야합니다. 누구든지 어떤 아이디어를 알고 있습니까? 내가 행동에서 볼 수있는 링크와 JQuery와 스크립트 아래에 내 사이트를 준 : 클래스Link to example of my script to hide sub filters (notice left navigation filters)

if(jQuery('.refinement_category_section').length){ 
    jQuery('.refinement_custom_category_section').hide() && 
     jQuery('.refinement_filter').hide(); 
} 

jQuery(document).ready(function(){       
    if(jQuery('.refinement_category_section').length){ 
     jQuery('.refinement_custom_category_section').hide() && 
     jQuery('.refinement_filter').hide(); 
    } 
}); 

또는

추가합니다 :Link to example of my script adding Class (notice left navigation filters)

을

하위 필터를 숨 깁니다 $('.refinement_brand_section').parent().addClass('filterresults');

Answer 1

후를 변경하는 CSS 규칙을 추가 할 수 있습니다. 내 제안은 귀하의 스타일 변경 사항을 적용하거나 페이지의 항목 수가 적 으면 (또는 둘 다) javascript를 사용하여 항목에 대한 그림을 동적으로로드하는 것입니다. 이것은 자바 스크립트가 아닌 사용자를 위해 성능이 저하되었지만 여전히 기능적 인터페이스가 될 것입니다. 자바 스크립트가 활성화 된 브라우저의 경우 이미지를로드하는 방법과 개수를 조정하여 좋은 결과를 얻을 수 있습니다.

단일 이미지를 다운로드하고 CSS를 사용하여 다양한 부분을 표시하려면 작은 인터페이스 요소에 스프라이트를 사용해야합니다. 프로덕션 사이트에 대한 자바 스크립트 파일과 스타일 시트를 결합하면 꽤 도움이 될 것입니다. 20 개 이상의 js 파일과 13 개 이상의 스타일 시트가 있는데, 각각 별도의 요청이 필요합니다. YSlow를 실행하고 다른 권장 사항을 따르는 것이 좋습니다.

Answer 2

당신은이 문제가로드중인 이미지의 수와 것 같습니다, 이러한 클래스를 숨기고 다음 방화범을 사용하여 JQuery와로드

.refinement_category_section, .refinement_custom_category_section, .refinement_filter { 
    display: none; 
}