title: Touch Events on SVG with JQuery mobile
body: <p>I work on a web app which contain SVG in each page, in order to turn a page, I must to use swipe (left and right). Swipe events are detected without any problem on a div or img, etc. But it is impossible to detect touches event on included SVG file :(</p>
  
  <p>I'm using JQuery 1.6.4 and JQuery mobile 1.0b3.</p>
  
  <p>JS :</p>
  
  <pre class="lang-js prettyprint-override"><code>$('.touchPad object').live('swipeleft swiperight',function(event){
      var currentPage = getVar("page");
      if(currentPage == "0")
      {
          currentPage = 1;
      }
  
      if (event.type == "swiperight") {
          currentPage ++;
          var page = "page="+currentPage;
  
          $.mobile.changePage({
          url: "http://asample.com/JQueryMobileTests/index.php",
          type: "get",
          data: page},
          "slide",
          true
          );
      }
      if (event.type == "swipeleft") {
          currentPage --;
          var page = "page="+currentPage;
  
          $.mobile.changePage({
              url: "http://asample.com/JQueryMobileTests/index.php",
              type: "get", 
              data: page
          });
      }
      event.preventDefault();
  });
  </code></pre>
  
  <p>HTML :</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div role-data="page" class="touchPad"&gt;
      &lt;div role-data="header"&gt;&lt;/div&gt;
      &lt;div role-data="content"&gt;
          &lt;div&gt;
              &lt;h1&gt;Page : &lt;/h1&gt;
              &lt;object type="image/svg+xml" data="pict.SVG" width="800" height="800"&gt;&lt;/object&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>