화면 크기가 작을 때 모바일 메뉴에 링크를 추가하는 자바 스크립트입니다. 더 이상 작동하지 않습니다.

Question

브라우저 너비가 1024px 미만인 경우 모바일 탐색 기능이있는 사이트를 구축했습니다. 이 자바 스크립트 (jQuery와 함께)를 사용하여 메뉴를 닫기위한 링크를 추가했습니다. 이제 사이트는 이러한 링크를로드하지 않고 닫히는 대신 페이지로드시 열립니다. 이것이 작동하지 않는 몇 가지 명백한 이유가 누락 되었습니까?

agirlwithacupcake.com은 wordpress를 사용하는 라이브 사이트입니다.

var eventFired = 0; 

if ($(window).width() < 1024) { 
    $('#navigation').hide(); 
    $('.menu-main-menu-minus-store-container ul').before('<a href="#" class="menutoggle arrow-left">&#x25BC;</a>'); 
    $('.menu-main-menu-minus-store-container ul').before('<a href="#" class="menutoggle arrow-right">&#x25BC;</a>'); 

} 
else { 
    $('#navigation').show(); 
    eventFired = 1; 
} 

$(window).on('resize', function() { 
    if (!eventFired) { 
     if ($(window).width() < 1024) { 
      $('#navigation').hide(); 
      $('.menu-main-menu-minus-store-container ul').before('<a href="#" class="menutoggle arrow-left">&#x25BC;</a>'); 
      $('.menu-main-menu-minus-store-container ul').before('<a href="#" class="menutoggle arrow-right">&#x25BC;</a>'); 
     } else { 
       $('#navigation').show(); 
     } 
    } 
}); 

내 질문에 이상이 있다고 생각하거나 게시물에 잘못 표시하면 사과드립니다. 이것은 내 stackoverflow에 대한 나의 첫 번째 상호 작용입니다

Answer 1

나는 귀하의 사이트를 확인했는데 "eventfired"가 정의되어 있지 않은 것으로 보입니다 (귀하의 게시물에 위에 정의되어 있음에도 불구하고).

$(window).on('resize', function() { 
if (!eventFired) { 
    if ($(window).width() < 1024) { 
     $('#navigation').hide(); 
     $('.menu-main-menu-minus-store-container ul').before('<a href="#" class="menutoggle arrow-left">&#x25BC;</a>'); 
     $('.menu-main-menu-minus-store-container ul').before('<a href="#" class="menutoggle arrow-right">&#x25BC;</a>'); 
    } else { 
      $('#navigation').show(); 
    } 
}});  

는

if(!ebentFired) {}  

제거 또는 내가 항상 문제 해결에 큰 도움의 불을 지르고를 확인하는 것이 좋습니다

var eventFired = 0; 

http://agirlwithacupcake.com/wp-content/themes/agirlwithacupcake/lib/js/scripts.js에 추가 할 수 있는지 확인하세요. http://getfirebug.com/