It looks like sortable is eating that first click after the sort finishes. You can see this here
http://jsbin.com/eleba After the sort, click on either cell in the first column (not even on the buttons). Click twice. The first time you'll see mousedown and mouseup. The second time you'll see mousedown mouseup and click. Please enter a ticket for this here: http://dev.jqueryui.com/newticket (note: requires registration) Thanks. - Richard On Wed, Nov 11, 2009 at 2:31 PM, Sergio Pereira <[email protected]> wrote: > I'm getting this incorrect behavior in IE8: > After sorting the TRs below, the live events on the buttons will be > ignored on the very first click. After that all start working again. > Can anyone try this and maybe give some suggestions? The problem is > only on IE (I tried IE8). > > (see live sample at > http://sergiopereira.com/temp/sortable/jq-ui-sortable.html) > > <script> > $( function() { > $('.sortableRows').sortable(); > > $('.otherButton').live('click', function(){alert('live > clicked');}); > $('.otherButton').click(function(){alert('normal > clicked');}); > > $('.sortableRows .selectButton').click(function(){alert('#1 > - normal > clicked');}); > $('.sortableRows .selectButton').live('click', > function(){alert('#2 > - live clicked');}); > > $('table').click( function(evt){ > if( $(evt.target).is('.selectButton')){ > alert('#3 - normal click on parent table'); > } > }); > > $('table').live('click', function(evt){ > if( $(evt.target).is('.selectButton')){ > alert('#4 - live click on parent table'); > } > }); > }); > </script> > > Open this page in IE (I tried on IE8)<br> > Click any of the Select and the Otehr button and see they work.<br> > Now drag one of the yellow table rows to change its position<br> > Try clicking one of the Select buttons again: On the very first click > only the handler #1 fires. > > <table border=1> > <tbody class="sortableRows"> > <tr style="background-color:#ff9;"> > <td>row 1</td> > <td><input type="button" > class="selectButton" value="Select"></ > td> > </tr> > <tr style="background-color:#ff9;"> > <td>row 2</td> > <td><input type="button" > class="selectButton" value="Select"></ > td> > </tr> > </tbody> > </table> > > Any help is truly appreciated. > > - Sergio Pereira > > -- > > You received this message because you are subscribed to the Google Groups > "jQuery UI" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]<jquery-ui%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/jquery-ui?hl=. > > > -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=.
