title: Add event listener to multiple elements excluding one
body: <p>I am developing a mobile application with phonegap and Zepto and I'm struggling with one issue. I have side menus on left and right, that are shown with swipe. However, in my main container, I have a little slider that works with swipe. My problem is that as soon as I finish swiping the slider container, the swipe event for side menus is called and the menu is shown. There's a way to prevent this behavior?</p>
  <p><strong>Code:</strong></p>
  <pre><code>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') &amp;&amp; !$(showLeft).hasClass('active'))
          handleSideSearchMenu();
      else if($(showLeft).hasClass('active'))
          MyObj.handleSideMenu(showLeft);
  });
  </code></pre>