1
mmenu를 사용하여 페이지를로드 할 때마다 메뉴 automaticaly가 1 초 후에 나타납니다. 어떻게 이것을 끕니까? 메뉴 버튼을 클릭 한 후에 만 메뉴가 나타나기를 원합니다.mmenu - 페이지로드시 자동 열기를 끄는 방법
감사 & 관련
A
답변
0
귀하의 사이트가로드되는 동안 자바 스크립트/jQuery로 .hide() 같은 것들을 사용하여 콘텐츠를 사라지게 할 때 이것은 일반적인 문제입니다. 메뉴는 기본적으로 표시되므로 JS 코드가 아직 완전히로드되지 않았기 때문에 메뉴가 잠시 표시됩니다. 이것은 종종 느린 장치/브라우저에서 발생합니다.
이 문제를 방지하려면 CSS로 이동하여 기본 속성을 설정하십시오. visibility: hidden; 또는 display: none입니다.
그래서 사이트가로드되면 JavaScript가 실행되어 이벤트가 시작된 후에 만 메뉴가 표시됩니다. jQuery는 DOM 지원으로 실행될 것이다. 즉, jQuery로 어떤 액션을 취하기 위해서는 전체 DOM이 먼저로드되어야한다. CSS는 그 전에이 작업을 수행하고 스타일을 실행합니다.
$('#btn').on('click', function() {
$('#menu').css('visibility','visible');
});
또는 기본 CSS 속성은 display: none
visibility: hidden 재산이있는 경우
예를 들어, 당신은/당신의 JS의 CSS를 변경하여 다시는 볼 수 jQuery를 만들 수도 있습니다
메뉴를 확인은 다음과 같이 나타납니다
$('#btn').on('click', function() {
$('#menu').show();
});
자바 스크립트/jQu와 페이지로드의 요소를 숨길 절대로 에리. 요소가 기본적으로 표시되고 있어야 할 때 숨겨지기로되어있는 경우에만 수행하십시오.
과거에 dealed되었습니다 비슷한 문제가 있습니다 여기를 참조 :
(jquery) prevent div from showing during page load