e.touches undefined

[intel]

e.touches undefined

[imaffett]

Can you throw up a test case where e.touches is failing?

[michelpa]

Sure,

in the kitchensink, just add in the header:

<script type="text/javascript" charset="utf-8" src="./af.carousel.js"></script>

Then create a panel :

<div title='Welcome' id="maintest" class="panel" selected="true" data-load="loadedPanel" data-unload="unloadedPanel" data-tab="navbar_home">
                    <div id="my_div" style="width:100%;height:96%;overflow:hidden;">
   <div style="float:left;width:100%;height:100%;background:yellow;">
    bla bla
   </div>
   <div style="float:left;width:100%;height:100%;background:green;">
      bla bla
   </div>
      <div style="float:left;width:100%;height:100%;background:blue;">
    bla bla2
   </div>
         <div style="float:left;width:100%;height:100%;background:orange;">
    bla bla2
   </div>
            <div style="float:left;width:100%;height:100%;background:red;">
    bla bla2
   </div>
</div>

<div id="carousel_dots" style="text-align: center; margin:auto; display : table; clear: both; position: relative; bottom: 30px; z-index: 200">
</div>

and execute in console:

var options={
                  vertical:false, // page up/down
                  horizontal:true, // page left/right
                  pagingDiv:"carousel_dots", // div to hold the dots for paging
                  pagingCssName:"carousel_paging2", //classname for the paging dots
                  pagingCssNameSelected: "carousel_paging2_selected", //classname for the selected page dots
                  wrap:false //Creates a continuous carousel
               }
var carousel = $("#my_div").carousel(options);

Then try to manipulate the carousel (tested in chrome):

Uncaught TypeError: Cannot read property 'touches' of undefined 

[imaffett]

Closing this as originalEvent is a jquery property (Sorry for the long delay)