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.

Answer 1

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!!!…