Copier le code du code comme suit:
<!
<html>
<adal>
<Title> FF et IE Éléments de chargement dynamique </TITAL>
<script type = "text / javascript" src = "jQuery-1.4.min.js"> </ script>
<Style type = "text / css">
li {marge: 0; padding: 0;
</ style>
<script type = "text / javascript">
Fonction add () {
var litemplate = $ ("#template");
Litemplate.find ("input [name = 'awbpre']").
Litemplate.find ("input [name = 'awbno']").
$ ("#Box").
}
</cript>
</ head>
<body>
<ul id = "box">
<li id = "modèle" style = "affichage: aucun">
Awbpre:
<input type = "text" value = "# awbno #" name = "awbpre" />
Awbno:
<input type = "text" value = "# awbno #" name = "awbno" />
</li>
</ul>
<input type = "bouton" value = "add" onclick = "return add ()" /> />
</docy>
</html>
Le code est: lorsque vous cliquez sur le bouton Ajouter, ajoutez deux cases d'entrée à la page et attribuez une valeur aux deux nouvelles cases d'entrée en même temps. IE 6,7,8,9 (mode compatible) s'exécute normalement.
Mais sous FF, Chrome, IE9 (mode non compatible), ce n'est pas juste:
Modifiez la méthode Add () en
Copier le code du code comme suit:
<script type = "text / javascript">
Fonction add () {
var litemplate = $ ("#template");
$ ("#Box").
var new_li = $ ("#box li: dernier");
new_li.find ("input [name = 'awbpre']").
new_li.find ("input [name = 'awbno']").
}
</cript>
C'est vrai . Je suis une recrue pour la technologie frontale. , parce que LiteTlate n'a pas rejoint le numéro lorsque l'arborescence DOM est finalement appelée lorsque le livemplate.html () est appelé, le code HTML renvoyé est toujours le code HTML avant le traitement initial (un peu de valeur, la copie est utilisée, Peu importe ce que le processus est traité, il n'affecte pas la valeur d'origine); Cette fois, la référence du pointeur de l'objet obtenu.