jquery charger un événement sur créer une image dynamiquement

Question

J'utilise un événement de chargement pour supprimer le contenu d'une page vers une autre page. Ci-dessous le contenu de la page principale

<div class="header"></div> 
<div class="content" id="container"> 
    <div class="sub_nav" id="sub_nav"> 
     <div class="sub_dyn"> 
      <img id="menu_project_tool" src="images/menu-btn.png" /> 
     </div> 
    </div> 
    <div class="vs-context-menu nav" id="nav"></div> 

    <div class="clearfix"> 
     <div class="clearfix_bot"> 
      <div class="main_sidebar"></div> 
      <div class="right_sidebar"></div> 
     </div> 
    </div> 
    <div class="overlay" id="overlay"></div> 
    <div class="popup" id="popup"></div> 
</div> 
<div class="footer"></div> 

Et c'est le script que j'ai utilisé à la page principale

window.onload = function(){ 
    $("div.header").load("header.html"); 
    $("div.main_sidebar").append('<div class="project_steps"></div>'); 
    $("div.main_sidebar").append('<div class="project_subset_criterion"></div>'); 
    $("div.right_sidebar").append('<div class="project_subset_criterion_accordion"></div>'); 
    $("div.project_steps").load("temp/project_steps.html"); 
    $("div.project_subset_criterion").load("temp/project_subset_criterion.html"); 
    $("div.project_subset_criterion_accordion").load("temp/project_subset_criterion_accordion.html"); 
    $("div.footer").load("footer.html"); 

    Create_Image('<img />','new_sc_tool','images/icons/NewStarburst.gif','New Subset Criterion'); 

} 


$(document).ready(function(){ 

    Create_Image = function(Type,Id,Src,Title){ 
         $(Type, {id:Id, src:Src, title:Title}).appendTo("#toolbar_subset_criterion"); 
        } 

}); 

j'ai appeler la fonction « create_image » pour créer une image dynamique sur la deuxième page, mais il ne peut pas travailler . Mais j'ajoute la boîte d'alerte dans la fonction ci-dessus pour vérifier que la fonction est appelée ou non, dans quelle condition l'image est créée mais remue cette image de boîte d'alerte n'est pas créée. c'est mon deuxième contenu de la page où je créer l'image dynamique

<div class="heading_subset_criterion"> 
    <img id="scimg_arrow_down" src="images/arrow_down.png" />&nbsp;&nbsp; 
    <b>Project Subset Criterion</b> 
</div> 

<div class="toolbar_subset_criterion" id="toolbar_subset_criterion"></div> 

<div class="content_subset_criterion"></div> 

me donner une idée de compléter l'événement ci-dessus

Answer 1

Si je vous comprends bien, vous chargez la deuxième page en utilisant ajax et l'injection à la page principale, puis vous voulez ajouter un élément img à l'html injecté, est-ce exact? Dans ce cas, le problème est que le code HTML n'a pas été chargé lorsque vous essayez d'ajouter le img. Au lieu d'utiliser l'événement document.ready, ajoutez un gestionnaire de succès à l'appel ajax.

Supposant #toolbar_subset_criterion est dans l'en-tête, cela devrait le faire:

$("div.header").load("header.html", function() { 
    Create_Image('<img />','new_sc_tool','images/icons/NewStarburst.gif','New Subset Criterion'); 
});