title: jQuery Swipe Event does not work with jQuery 3
body: <p>I loaded yesterday in my code jQuery Mobile because I need the Swipe Event to get some work done. The following was my script configuration (all scripts are loaded right before the <em>body</em> close tag):</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.js" type="application/javascript"&gt;&lt;/script&gt; 
  
  &lt;script&gt;window.jQuery || document.write('&lt;script src="../js/jquery-3.0.0.min.js" type="application/javascript"&gt;&lt;\/script&gt;')&lt;/script&gt;   
  
  &lt;script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"&gt;&lt;/script&gt; 
  
  &lt;script type="application/javascript" src="../js/javascript.js" &gt;&lt;/script&gt; 
  </code></pre>
  
  <p>I put the following code in <em>javascript.js</em> (the last script) just to test the new jQuery Mobile and it didn't work.</p>
  
  <p><strong>JAVASCRIPT/JQUERY</strong></p>
  
  <pre><code>$j("body").on("swiperight", function(){
  $j("#sidePanel").css("display","none"); 
  });
  </code></pre>
  
  <p>At this point, I did some debugging and found that the problem was in jQuery 3; The problem does not come up if I load a previous version of jQuery (2 or 1). The following works like a charm:</p>
  
  <pre><code>&lt;script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous" type="application/javascript"&gt;&lt;/script&gt;
  
  &lt;script&gt;window.jQuery || document.write('&lt;script src="../js/jquery-2.2.4.js" type="application/javascript"&gt;&lt;\/script&gt;')&lt;/script&gt; 
  
  &lt;script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"&gt;&lt;/script&gt; 
  
  &lt;script type="application/javascript" src="../js/javascript.js" &gt;&lt;/script&gt;  
  </code></pre>
  
  <p><strong>Question</strong>: why the Swipe Event does not work with jQuery 3?</p>
  
  <p>Thank you in advance.</p>