jQuery Vertical 메가 메뉴 하위 메뉴가 로드 시 깜박입니다.워드프레스에서 깜박임을 방지하는 방법

jQuery Vertical 메가 메뉴 하위 메뉴가 로드 시 깜박입니다.워드프레스에서 깜박임을 방지하는 방법

저는 Twenty Eleven Child 테마의 워드프레스 웹사이트를 가지고 있습니다.사이드바에 jQuery Vertical Mega Menu 위젯을 내장했습니다.

http://wordpress.org/extend/plugins/jquery-vertical-mega-menu/

메뉴는 잘 작동합니다.유일한 문제는 웹 사이트를 로드할 때 짧은 FOOC(Flashing of unstyle contents)가 발생한다는 것입니다.

http://en.wikipedia.org/wiki/Flash_of_unstyled_content

깜빡이는 것을 방지하는 방법을 모르겠습니다.해결책이 있는 비슷한 질문을 몇 개 읽었는데 아이 주제에 어떻게 적용해야 할지 모르겠어요.

어떤 사람들은 당신이 추가해야 한다고 말합니다.jQuery(document).ready(function() {. 하지만 어디서?아이 테마의 기능에 추가하려고 했습니다.php:

<?php 
....
.....


function id_scripts() {
   jQuery(document).ready(function() { echo 'test'});
}
add_action('wp_enqueue_scripts', 'id_scripts');

>

그러나 다음과 같은 구문 분석 오류가 발생합니다.

구문 오류: 구문 오류, 예기치 않은 T_FUCTION, 예상치 못한 ')'이(가) /....../함수에 있습니다.28번 행의 php

우선 PHP에 자바스크립트를 추가하는 것 같습니다.그래서 당신이 실수를 한 겁니다.

깜박이는 메뉴의 문제와 관련하여 하위 메뉴를 다음과 같이 설정해야 합니다.display: none;CSS에플러그인을 보면(하위 메뉴) 다음으로 설정하고 있습니다.display: none;, 그러나 DOM이 로드된 후(페이지가 로드되기 시작한 후 잠시 후에 "플래시"를 볼 수 있을 정도로)까지 실행되지 않으므로 다음으로 설정합니다.display: none;CSS에서는 숨겨진 로드를 로드하고 호버링하면 열립니다.

구체적으로 링크의 플러그인을 보고 CSS에 다음을 추가해 보십시오.

.dcjq-vertical-mega-menu .sub-container {
    display: none;
}

CWSpear의 답변에 대한 후속 조치로 JS에 의해 활성화될 때까지 숨겨야 하는 다른 요소에도 적용할 수 있는 사용자 지정 CSS 클래스를 만드는 것을 추천합니다.나는 이 수업의 이름을 짓는것을 좋아합니다..js-hide— 트위터 부트스트랩 사용.collapse.

언급URL : https://stackoverflow.com/questions/15293585/jquery-vertical-mega-menu-sub-menus-flashing-on-load-how-to-stop-it-from-flashi