JQuery .load () dans l'élément variable ou caché

Je tire les données d'une section d'une page vers une autre pour créer un menu. J'ai besoin de tirer les données dans un élément ou une variable caché comme maintenant je finis avec un menu en double. Mon dynamique survolent et la statique <ul><li> 's. Le menu est constitué de ceux-ci.

Voici ce que j'ai jusqu'ici:

 <script type="text/javascript"> $(document).ready(function(){ $('div.ms-quickLaunch').replaceWith('<div id="hierarchy" style="border:solid 1px white; width:0px; visibility:hidden"></div>'); }); $(function(){ $('#hierarchy').load('http://wwcshare/icenter/Pages/wwcMenuContent.aspx #menuContent', function(){ $(this).menu({ autoShow: true, content: $(this).html(), backLink: false, crumbDefaultText: ' ' }); }); }); </script> 

Cela fonctionne sauf que mon menu n'est plus placé là où il appartient. C'est en haut de la page à la place de #hierarchy div .


Voici mon ATTENTION ALTERNATIVE basée sur l'une des réponses:

 $(function(){ $.get('http://wwcshare/icenter/Pages/wwcMenuContent.aspx', function(data){ // grab content from another page contentIwant = data.find("#menuContent"); $('#hierarchy').menu({ autoShow: true, content: contentIwant, backLink: false, crumbDefaultText: ' ' }); }); }); 

Un $ .get () répondrait à vos objectifs mieux qu'un $ .load ()

En utilisant $ .get (), vous pouvez traiter les données avant de la charger dans la page

Peu importe si l'élément que vous chargez est caché ou non. S'il existe dans le DOM, vous pouvez le charger.

Soit assurez-vous que l'élément est caché par CSS en premier:

 #element{display:none;} 

ou

Cachez l'élément avec jQuery lorsque vous chargez le contenu:

 $('#holder').hide().load('mypage.php'); 

J'espère que cela vous aide à l'homme!

W.