jQuery和ASP.NET：在母版页完成初始化后执行站点代码

Question

I'm having a master page in ASP.Net, which downloads various files via AJAX and does some initialization work for a library, that I'm using, after that. I'm using jQuery's $.when().then syntax for that.

My individual page requires all those settings to be made before executing it's code. Right now, I'm using the $(function () {}) syntax on my page. The problem with this is, that it executes right after the page has rendered, but long before my when.then construct has finished.

Is there way to wait for that construct? Can I somehow fire a custom event from my master page code after initialization, and attach my content page function to that? Or are there even better solutions?

PS: To make it clear, we're talking about client-side-only code here!

Answer 1

Do not wrap in the document ready $(function () {}) but instead in a custom event.

$(document).on('mycustom',function () {});

THEN trigger that in the then

$.when().then(something).then(function(){$(document).trigger("mycustom");});

Answer 2

In the master page you can set the when/then chain to a variable and continue to chain it in the detail page. They are, after all, one page client-side. So as long as the initial chain comes first, you can append to it all you like.

So you might set the first chain to a variable:

var eventChain = $.when(/.../).then(/.../);

Then in the detail page:

eventChain.then(/.../);

So the detail page is really just picking up where the master page left off.