title: Breaking swipeleft/-right when drag an element
body: <p>I have got a problem with the swipe event and dragging an element.</p>
  
  <p>In my application I use swipeleft/-right to navigate between the pages (it works). 
  In one page there are a lot of dragging elements (drag works).</p>
  
  <p>So the problem is, when an element is dragging horizontal to the right, the swipeleft works after dragstop. It's the same with dragging to the left, swiperight works.</p>
  
  <p>It makes me confused.</p>
  
  <p>So is it possible to stop or break the swipeleft/-right when I drag an element?</p>
  
  <p>This is the code for swipe (from Stackoverflow thx)</p>
  
  <pre><code>$('div.ui-page').live("swipeleft", function() {
      var nextpage = $(this).next('div[data-role="page"]');
      // swipe using id of next page if exists
      if (nextpage.length &gt; 0) {
          $.mobile.changePage(nextpage, 'slide');
      }
  });
  $('div.ui-page').live("swiperight", function() {
      var prevpage = $(this).prev('div[data-role="page"]');
      // swipe using id of next page if exists
      if (prevpage.length &gt; 0) {
          $.mobile.changePage(prevpage, 'slide', true);
      }
  });
  </code></pre>
  
  <p>And this is the code for drag</p>
  
  <pre><code>$ (function(){
  var numbers = [ 1, 2, 3, 4, 5 ];    
      numbers.sort( function() { return Math.random() - .5 } );
      alert(numbers);
  
  for ( var i=1; i&lt;6; i++ ) {
      $('#'+i).attr( 'src','bilder/'+numbers[i-1]+'.png' ).draggable( {
        cursor: 'move',
        containment: $('#'+i).parent().parent(),
        revert: true,
  
      });
    } 
  });
  </code></pre>