I also had similar problem playing more animations at the same time...
sometimes I used a rough kind of instrunction
var i = setInterval(function() {
if ($("elementtocontrol").filter(":animated").size() == 0)
{ someStuff(); clearInterval(i) }
, 300);
Which is a sort of listener for the animations...
quite rough but maybe useful in some cases I suppose
On Sep 22, 6:37 pm, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]>
wrote:
> @Josh
>
> The result is coming back and dsiplaying correctly.
> Actually I solved like that:
>
> var options = {
> target:'.cfjq_form_target4',
> beforeSubmit: function(){
>
> $('.cfjq_form_target4').fadeOut().hide(function(){
> $('.loading4').show();
> });
> },
> success: function() {
>
> $('.cfjq_form_target4').fadeIn('slow').show(function(){
> $('.loading4').hide();
> });
> }
>
> I concatenated the events to be sure to run one by one.
>
> Problems:
>
> 1) If I do not fadeOut beforeSubmit no way to have a fadeIn effect.
> 2)FF show a tremors fadingOut the target div.
>
> Andrea
>
> On 22 sep, 11:20, "Josh Nathanson" <[EMAIL PROTECTED]> wrote:
>
> > Are you sure your ajax call is returning what you expect? Assuming you're
> > using Firebug, check the response in your Firebug "Net" tab - you should see
> > an XHR request that you can click on and see what's coming back from the
> > server.
>
> > -- Josh
>
> > ----- Original Message -----
> > From: <[EMAIL PROTECTED]>
> > To: "jQuery (English)" <jquery-en@googlegroups.com>
> > Sent: Saturday, September 22, 2007 8:33 AM
> > Subject: [jQuery] Re: fadeIn to ajax submit succes callback
>
> > > I tried to get(0) the target element and is reached by the selector:
> > > alert [htmlDivElement]
>
> > > So the selector is reached but do not fade in ....simply appears in FF
> > > and crash all the validation/ajax script in IE7???
>
> > > Any help???
>
> > > Thanks
>
> > > Andrea
>
> > > On 22 sep, 04:35,muccy<[EMAIL PROTECTED]> wrote:
> > >> Are you sure $('.cfjq_form_target4') is a valid selector???
>
> > >> Try to alert($('.cfjq_form_target4').get(0)) to see if you select
> > >> correct page element :)
>
> > >> On Sep 22, 4:54 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]>
> > >> wrote:
>
> > >> > Hi this is my code:
>
> > >> > $(document).ready(function() {
> > >> > var options = {
> > >> > target:'.cfjq_form_target4',
> > >> > beforeSubmit: function(){
>
> > >> > $('.cfjq_form_target4').empty();
>
> > >> > $('.loading4').show();
> > >> > },
> > >> > success: function() {
> > >> > $('.loading4').hide();
> > >> > }
> > >> > };
> > >> > $(".cfjq_form4").validate({
>
> > >> > errorContainer:
> > >> > $(".messageBox4"),
> > >> > errorLabelContainer:
> > >> > $(".messageBox4 ul"),
> > >> > wrapper: "li",
>
> > >> > submitHandler: function(form) {
>
> > >> > $(form).ajaxSubmit(options);
> > >> > }
> > >> > });
> > >> > });
>
> > >> > If I change my success like this:
>
> > >> > success: function() {
> > >> > $('.loading4').hide();
> > >> > $
> > >> > ('.cfjq_form_target4').fadeIn('slow');
> > >> > }
>
> > >> > Firefox do not show the fade effect at all.
> > >> > IE7 do not validate any more the form and also loose the ajax
> > >> > behavior.
>
> > >> > Do I miss something.
>
> > >> > Andrea
