2010-06-21 3 views
0

Compte tenu du fragment htmlbalise IMG n'affiche pas après balise INPUT

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
    <head> 
    <title>Test JQuery AppendTo</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">  
    </script> 
    </head> 
    <body> 
    <div id="Test1"> 
     <p>Just some text</p> 
    </div> 
    <form name="FORMPOST" method="post" action="showform.aspx" id="FORMPOST" > 
     <label for="Test2">Test Label</label> 
     <input id="Test2" type="checkbox" /> 
     <img src=\"add2.jpg\"> 
    </form> 
    </body> 
</html> 

et étant donné que l'image add2.jpg est dans le même répertoire que le code html, pourquoi l'image affiche pas? Notez que si je déplace le nœud d'étiquette d'image à l'intérieur du nœud div, il affichera :(

Notez que l'affichage n'apparaît pas que j'ajoute la balise img au moment du design comme ci-dessus ou que je l'ajoute en utilisant le fonction jQuery.appendTo lorsque les des charges de forme.

+0

Merci d'avoir repéré les barres obliques :) À titre de question supplémentaire, ce problème est survenu lorsque j'utilisais jQuery pour créer l'étiquette d'image au moment du chargement du formulaire. Donc, si vous supprimez l'étiquette d'image ci-dessus et ajoutez le script suivant à la fin du html l'image ne s'affichera pas. FF affiche la source générée avec la balise img après la balise d'entrée, mais ne restitue pas l'image. –

+0

Vous devriez essayer d'ajouter au formulaire: 'a.appendTo ($ (" # FORMPOST "));'. '$ (" # Test2 ")' est un élément 'input'. –

+0

Merci Daniel Comment puis-je le positionner après l'élément d'entrée (il y en a plusieurs sur le vrai formulaire en direct - c'est un cas de test dépouillé)? –

Répondre

0

Votre balise d'image ne semble pas formé correctement pour me

<img src="add2.jpg" /> 

Est-ce que ce travail pour vous comme ci-dessus?

+0

OP a besoin de '/>' parce que c'est XHTML. –

1

pour un, vous shouldn » t avoir des slashs là pour des citations. Pouvez-vous nous donner un lien vers la page elle-même? Parce que ça va marcher.

+0

Merci - Slashes étaient une faute de frappe :( La page est dans une application interne qui lance une erreur dans IE lors du chargement dynamique de l'image avec jQuery.Je posterai le fragment jQuery qui cause le problème.FF ne jette pas un erreur - juste ne parvient pas à afficher l'image IE 8 jette une erreur de script –

1

Les barres obliques inverses dans <img src=\"add2.jpg\"> étaient-elles une faute de frappe? <img src=\"add2.jpg\"> doit être <img src="add2.jpg" />.

Vous avez besoin de la barre oblique pour mettre fin à la balise img car vous utilisez XHTML.

+0

Merci - les barres obliques étaient une faute de frappe. Toujours avoir des problèmes avec fwd slash pour fermer la balise. –

Questions connexes