Pourquoi ne puis-je pas utiliser live() ou load() de jQuery pour fonctionner?

Question

Pourquoi seule la troisième méthode fonctionne-t-elle?

$('#jqtest').live('load', function() {$(this).html('hi');}); //1 

$('#jqtest').load(function() {$(this).html('hi');}); //2 

$(window).load(function() {$('#jqtest').html('hi');}); //3 


<div id="jqtest">kldjfglkj</div> 

Answer 1

Vous ne pouvez pas utiliser la fonction load() sur sélecteurs arbitraires; vous ne pouvez l'utiliser que sur "tout élément associé à une URL: images, scripts, cadres, iframes et objet fenêtre" (docs). div s n'ont pas d'URL associée, donc aucune de vos deux premières techniques ne liera un gestionnaire. window a une URL, donc il appellera le gestionnaire. Vous pouvez également être intéressé par ready().

Answer 2

Si vous essayez d'ajouter le code HTML "hi" à l'élément "#jqtest" lorsque le document ou la fenêtre est chargé, vous y êtes presque.

$(document).ready(function(){ 

$("#jqtest").html('hi'); 

}); 

Cela modifiera la valeur de "#jqtest" lorsque le document a été chargé. Vous pouvez également spécifier d'autres événements dans la fonction ready() pour ne les exécuter qu'une fois la page entièrement chargée.