jQuery chaque méthode pour les éléments dynamiques autorun

Question

$('body').on('click', function() { 
    $('.detailTextContainer a').each(function() { 
    var urlFoto = $(this).attr('href'); 
    var imgElement = $("<img />").attr('src', urlFoto) 
           .addClass('dalsiFoto'); 

    $(this).empty().append(imgElement); 
    }); 
}); 

Comment puis-je exécuter cette fonction automatiquement après la page de chargement (sans événement). '.detailTextContainer a' sont des éléments dynamiques, qui sont chargés à la page immédiatement après la page de démarrage.

J'ai essayé ce code:

function showImage(){ 
    $('.detailFeatureDesc a').each(function() { 
    var urlFoto = $(this).attr('href'); 
    var imgElement = $("<img />").attr('src', urlFoto) 
           .addClass('dalsiFoto'); 
    $(this).empty().append(imgElement); 
    }); 
}; 

showImage(); 

Mais cela ne réussi.

Merci

Answer 1

Vous pouvez utiliser la fonction load:

$(window).load(function() { 

     // create detailTextContainer here 
     $('.detailTextContainer a').each(function() { 
      var urlFoto = $(this).attr('href'); 
      var imgElement = $("<img />").attr('src', urlFoto) 
              .addClass('dalsiFoto'); 

     $(this).empty().append(imgElement); 

     }); 

}); 

De la documentation, cela exécutera la fonction lorsque la page est complètement chargée, y compris des graphiques.

Ou vous pouvez utiliser:

$(document).ready(function() { 

}); 

ou le raccourci:

$(function() { 

}); 

Cela ne fonctionnera une fois la page Document Object Model (DOM) est prêt pour le code JavaScript pour exécuter.

Answer 2

vous devez simplement écrire la fonction sur la fonction de charge de la fenêtre

<script> 
$(document).ready(function() { 
    console.log("document loaded"); 
}); 

$(window).on("load", function() { 
    //write your code is given section 
}); 
</script> 

Answer 3

vous pouvez essayer "sur" écoute

$(document).on("click", ".detailTextContainer a", function() { 
    // your code 
});