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]. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=.
