2010-04-29 26 views
0

Je souhaite utiliser la fonction append() depuis <head>, dans une fonction spécifique, comme suit:Utilisation de jquery append() dans <head> (dans une fonction/classe)

function custom_img(src_img) 
{ 
$("div").append("<img src='"+src_img+"'>"); 
} 
var myimg = new custom_img("test.jpg"); 

Voici un exemple rapide que je viens d'écrire. Je veux que ma fonction crée une nouvelle image comme celle-ci chaque fois que je crée un nouvel objet comme celui-ci. Évidemment, cela ne fonctionne pas, puisque append() nécessite d'être dans le corps (j'ai déjà essayé).

Comment pourrais-je faire cela?

+0

Vous pouvez ajouter des choses à 'head', mais je ne comprends pas ce que vous essayez d'accomplir. Vous voulez ajouter une image à la tête? Pourquoi? – user113716

+0

Je ne veux pas ajouter une image dans la tête, je veux utiliser la fonction pour ajouter à la div. Regardez la source. – Anonymous

+0

Quelle source ...? – peirix

Répondre

0

Vous pouvez essayer d'utiliser .après(), ou même .html()

function custom_img(src_img) 
{ 
$("div").after("<img src='"+src_img+"'>"); 
} 
var myimg = new custom_img("test.jpg"); 

ou

function custom_img(src_img) 
{ 
$("div").html("<img src='"+src_img+"'>"); 
} 
var myimg = new custom_img("test.jpg"); 
+0

Les deux ne semblent pas fonctionner. – Anonymous

1

La raison pour laquelle il ne fonctionne pas est parce que votre div n'existe pas encore.
Vous pouvez donc utiliser la fonction $(document).ready() pour attendre le chargement du document. Si vous souhaitez que les images soient chargées avec le reste du document, vous pouvez simplement créer une nouvelle div et insérer les images à cet endroit. Ensuite, lorsque le document est entièrement chargé, vous pouvez parcourir le tableau et insérer les images chargées dans le DOM.

$(document).ready(function() { 
    $("#myDiv").append(div); 
}); 
+0

Je ne sais pas quoi faire avec ça. J'ai essayé de mettre cela dans un script dans la partie tête, mais il n'y a toujours pas de résultat. En fait, la classe est plusieurs fois en cours d'exécution, ça continue. Comme il obtient de nouvelles informations, il commence à ajouter de nouvelles images. Toute information supplémentaire que vous pouvez épargner? – Anonymous

+0

@Anonyme. poster plus de code –