2017-05-25 15 views
0

私は2つのスクリプトを持っています。それらを完全に分離し、1つの開閉メニュー、2回目の認識スワイプ。スワイプイベントの他の.jsからJavaイベントを実行

実行する方法
$(function() {  
    //Enable swiping... 
    $(".swiper-slide").swipe({allowPageScroll:"auto"}); 
    $(".swiper-slide").swipe({ 
    //Generic swipe handler for all directions 
    swipe:function(event, direction, distance, duration, fingerCount, fingerData) { 
     //$(this).text("You swiped " + direction); 
     if (direction == "left"){ 
      //action 

      //end action    
     }; 
     if (direction == "right"){ 
      //swipe action 

      //end action    
     }; 
    }, 
    threshold:200 
    }); 
}); 

を探ししかし、どのように、私は開くことができませんメニュースワイプアクション/

垂直メニュー(ボタンのクリックでショーと近いメニュー)の

$(document).ready(function() { 
    var trigger = $('.hamburger'), 
     overlay = $('.overlay'), 
     isClosed = false; 

    $(".hamb-button").click(function() { 
     hamburger_cross(); 
     $('#wrapper').toggleClass('toggled');  
    }); 

function hamburger_cross() { 

     if (isClosed == true) {   
     overlay.hide(); 
     trigger.removeClass('is-open'); 
     trigger.addClass('is-closed'); 
     isClosed = false; 
     } else { 
     overlay.show(); 
     trigger.removeClass('is-closed'); 
     trigger.addClass('is-open'); 
     isClosed = true; 
     } 
    } 

    $('[data-toggle="offcanvas"]').click(function() { 
     $('#wrapper').toggleClass('toggled'); 
    }); 
}); 

スワイプスクリプトhipeer_cross()スワイプが創設されたとき(//スワイプアクションと//終了アクションの間)?

+1

JavaやJavaScriptの? – PeterMader

+0

hamburger_cross()? –

答えて

0

ハンバーガークロス機能は、グローバル行います

$(document).ready(function() { 
var trigger = $('.hamburger'), 
    overlay = $('.overlay'), 
    isClosed = false; 

$(".hamb-button").click(function() { 
    hamburger_cross(); 
    $('#wrapper').toggleClass('toggled');  
}); 

function hamburger_cross() { 

    if (isClosed == true) {   
    overlay.hide(); 
    trigger.removeClass('is-open'); 
    trigger.addClass('is-closed'); 
    isClosed = false; 
    } else { 
    overlay.show(); 
    trigger.removeClass('is-closed'); 
    trigger.addClass('is-open'); 
    isClosed = true; 
    } 
    } 

//make it global: 
window.hamburger_cross=hamburger_cross; 

    $('[data-toggle="offcanvas"]').click(function() { 
    $('#wrapper').toggleClass('toggled'); 
    }); 
}); 

今、あなたはどこにでも

hamburger_cross(); 

を行うことができます...

関連する問題