Fire the click event in the sortable stop:

$('.sortableRows').sortable({
  stop: function(event, ui) {
    $(this).click();
  }
});

http://jsbin.com/orato

- Richard

On Wed, Nov 11, 2009 at 4:24 PM, Sergio Pereira <[email protected]> wrote:

> Thanks. Issue filed: http://dev.jqueryui.com/ticket/4953
>
> I'm guessing there's no known workaround for this, right?
>
> - Sergio
>
> On Nov 11, 3:05 pm, "Richard D. Worth" <[email protected]> wrote:
> > 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]>
> <jquery-ui%[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]<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=.


Reply via email to