javascript - 1 つを除く複数の要素にイベント リスナーを追加する

Question

phonegap と Zepto を使用してモバイル アプリケーションを開発していますが、1 つの問題に苦しんでいます。左右にサイドメニューがあり、スワイプで表示されます。ただし、私のメイン コンテナーには、スワイプで動作する小さなスライダーがあります。私の問題は、スライダー コンテナーのスワイプが終了するとすぐに、サイド メニューのスワイプ イベントが呼び出され、メニューが表示されることです。この動作を防ぐ方法はありますか?

コード：

Zepto(document).on('swipeRight', function(){
    if($('#search-container').hasClass('back-left'))
        handleSideSearchMenu();
    else if(!$(showLeft).hasClass('active'))
        MyObj.handleSideMenu(showLeft);
}).on('swipeLeft', function(){  
    if($('#search-container').hasClass('to-right') && !$(showLeft).hasClass('active'))
        handleSideSearchMenu();
    else if($(showLeft).hasClass('active'))
        MyObj.handleSideMenu(showLeft);
});