callback for .trigger function

Question

I have the following code:

 $("#scheduleLink").trigger("click");
 alert("text")

This is the click handler:

$("#scheduleLink").bind("click", (function () {
            loadScheduleEvent();
            $(".wrap_tabs").find("a").removeClass("active"); 
            $(this).addClass("active");
        }));

and loadScheduleEvent function:

function loadScheduleEvent() {
        var eventId = $(".movie").attr("eventId");
        var type = $(".movie").attr("type");
        $("#publicationBlockContent").load("/Publication/EventSchedule?eventId=" + eventId + "&type=" + type);
    }

I suppose that this code work async. I want that alert("text") calls only when loadScheduleEvent is finished. How can I do this?

Thanks.

UPDATE: In fact, instead of alert("text") there is some code. And, I can't move this code to callback of $.load function.

loadScheduleEvent() is finished (almost) immediately. You want the alert when $.load() is finished. — JJJ
– JJJ, Commented Apr 20, 2012 at 12:41
Yes, I want when $.load is finished. But, I can't move alert(in fact there is other code) to callback of $.load function. — user1260827
– user1260827, Commented Apr 20, 2012 at 13:05

worenga · Accepted Answer · 2012-04-20 12:55:06Z

2

Use the .load Callback

$("#publicationBlockContent")
    .load("/Publication/EventSchedule?eventId=" + eventId + "&type=" + type,
          function(){alert("text");}
    );

rtm http://api.jquery.com/load/ for additional callback parameters etc.

edited Apr 20, 2012 at 12:55

answered Apr 20, 2012 at 12:40

worenga

5,8663 gold badges33 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1260827 Over a year ago

No, no.... I have to run code locate after $("#scheduleLink").trigger("click"); because I can't move it to handler in .load.

Dhrumil Bhankhar · Accepted Answer · 2012-04-20 13:43:33Z

If you don't want move that code replaced by alert alternatively all you can do is fire one event which triggers your behavior replaced by alert.

$("#scheduleLink").bind("click", (function () {
        loadScheduleEvent();
        $(".wrap_tabs").find("a").removeClass("active"); 
        $(this).addClass("active");
    }));



$(window).bind("scheduleComplete", (function (event,params) {
      alert(params);
    }));

Now in loadScheduleEvent you have to trigger it.

 function loadScheduleEvent() {
    var eventId = $(".movie").attr("eventId");
    var type = $(".movie").attr("type");
    $("#publicationBlockContent").load("/Publication/EventSchedule?eventId=" + eventId + "&type=" + type,function(){$(window).trigger("scheduleComplete");});
}

And at last when you what this sequence execute you have to trigger only click event

$("#scheduleLink").trigger("click");

Also if you dont want scheduleComplete event to be exposed for window you can bind it with your scheduleLink also and get that behavior scoped and specific!!!...

TRR · Accepted Answer · 2012-04-20 12:46:00Z

0

$("#publicationBlockContent").load"/Publication/EventSchedule?eventId=" + eventId + "&type=" + type,    
function (responseText, textStatus, XMLHttpRequest) {     
if (textStatus == "success") {          
alert("success")
}
 if (textStatus == "error") {
      alert("failed")
 }
}

answered Apr 20, 2012 at 12:46

TRR

1,6434 gold badges26 silver badges43 bronze badges

Comments

tim-montague · Accepted Answer · 2015-02-17 08:34:05Z

Looks like there are 3 solutions:

1 - Create a function, and invoke it from a callback on .load

function loadComplete() {
    alert("text");
}

$("#scheduleLink")
.on("click", function () {

    $("#publicationBlockContent")
    .load("/my-url", function () {
        loadComplete();
    });

})
.trigger("click");

2 - Bind a custom event to $("#scheduleLink") called "loadComplete", and trigger it from a callback on .load

$("#scheduleLink")
.on("loadComplete", function () {
    alert("text");
})
.on("click", function () {

    $("#publicationBlockContent")
    .load("/my-url", function () {
        $("#scheduleLink").trigger("loadComplete");
    });

})
.trigger("click");

3 - If you don't need a .load, you can use the promise object supported by $.ajax, $.get and $.post

$("#scheduleLink")
.on("click", function () {

    return $.get("/my-url", function () {
        $("#scheduleLink").trigger("loadComplete");
    });

})
.trigger("click");

var promise = $("#scheduleLink").triggerHandler("click");
promise && promise.done(function () {
    alert("click");
});

Collectives™ on Stack Overflow

callback for .trigger function

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related