Snap.js 토글 버튼 추가

Question

나는이 https://github.com/jakiestfu/Snap.js/을 사용하여 페이지 뒤쪽에 나타나는 메뉴를 만들었으며 오른쪽으로 페이지를 스 와이프하면 그 아래에 메뉴가 표시되며 모든 것이 작동하는 것처럼 보였지만 페이지에 토글 버튼을 추가하여 실제로 메뉴를 열 때 클릭하십시오. 터치하지 않고 페이지를 스 와이프 할 때처럼. 나는 여기에 말한 것을 따라하려고 시도 : https://github.com/jakiestfu/Snap.js/#--how-do-i-make-a-toggle-button하지만 난 그냥 작동시키지 못해!

 $(function() { 
      var Button = $('.buttons'); 

       function applySnap(){ 
        var width = window.innerWidth; 
        if(width<800){ 
         if(window.snap){ 
          window.snap.enable(); 
         } else { 
          window.snap = new Snap({ 
           element: document.getElementById('Page') 
          }); 
         }  
        } else { 
         if(window.snap){ 
          window.snap.disable(); 
         } 
        } 
       } 
       window.onresize = applySnap; 
       applySnap(); 
     }); 

    $(Button).on('click', function(a) { 
       if(snapper.state().state=="right"){ 
       snapper.close(); 
      } else { 
       snapper.close('left'); 
      } 
      }); 

를이는 HTML 섹션에 :

는 여기에 지금까지 가지고 무엇 어떤 도움

<div id="SecondHeader"> 
<a class="SecondHeader-button" href="#" >Menu</a> 
</div> 

감사합니다 많이!

Answer 1

이벤트 관리자에게 문의해야합니다.

addEvent(document.getElementById('open-left'), 'click', function(){ 
    if(snapper.state().state=="left"){ 
     snapper.close('left'); 
    }else { 
     snapper.open('left'); 
    } 
}); 

저는 이렇게 사용합니다!

굿이 봐!