How do I use jQuery 'queue' to delay action until series of AJAX events have completed?

enter code hereI have the following code to build select menus dynamically:

$j("#id").load('create_menu.cgi', 'view=select_menu');

The same menu is used on multiple parts of the page, so rather sending requests over and over to create_menu.cgi, I want to copy from the first one created to the other spots on the开发者_JAVA百科 page needing the menu.

I have used 'queue' in the past for some things and thought I could use it here. However, it seems like queue in this case will just run once the URL (create_menu.cgi) is called not necessarily after the menu is place in the field. So for example the following is not working:

$j("#id").load('create_menu.cgi', 'view=select_menu').queue(function(){

  doSomething();
  $j(this).dequeue;

});

doSomething() does not wait until the menu is actually there. Is there a way to use 'queue' for something like this so the menu is copied to the another element on the page immediately following the creation of the first one?

You can instead use the third parameter of the load function; the complete callback.

.load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] )

So, in your case, something like this:

$j("#id").load('create_menu.cgi', 'view=select_menu', doSomething);

Documentation.