Copiar código del código de la siguiente manera:
<!
<html>
<Evista>
<title> ff e IE elementos de carga dinámicos </title>
<script type = "text/javaScript" src = "jQuery-1.4.min.js"> </script>
<Style type = "text/css">
li {margen: 0;
</style>
<script type = "text/javaScript">
Función add () {
var litemplate = $ ("#template");
Litemplate.find ("input [name = 'awbpre']").
Litemplate.find ("input [name = 'awbno']").
$ ("#Box").
}
</script>
</ablo>
<Body>
<ul id = "box">
<li id = "plantplate" style = "display: none">
Awbpre:
<input type = "text" value = "#awbno#" name = "awbpre"/>
Awbno:
<input type = "text" value = "#awbno#" name = "awbno"/>
</li>
</ul>
<input type = "button" value = "add" onClick = "return add ()"/>/>
</body>
</html>
El código es: al hacer clic en el botón Agregar, agregue dos cuadros de entrada a la página a la página y asigne un valor a los dos nuevos cuadros de entrada al mismo tiempo. IE 6,7,8,9 (modo compatible) se ejecuta normalmente.
Pero bajo FF, Chrome, IE9 (modo no compatible), no es correcto:
Cambiar el método add () a
Copiar código del código de la siguiente manera:
<script type = "text/javaScript">
Función add () {
var litemplate = $ ("#template");
$ ("#Box").
var new_li = $ ("#Box Li: Last");
new_li.find ("input [name = 'awbpre']").
new_li.find ("input [name = 'awbno']").
}
</script>
Eso es correcto. Soy un novato para la tecnología delantera. , Debido a que litemplate no ha unido al número cuando finalmente se llama al árbol DOM cuando se llama a Livemplate.html (), el código HTML devuelto sigue siendo el código HTML antes del procesamiento inicial (un poco del valor, la copia se usa, No importa lo que se procese el proceso, no afecta el valor original); Esta vez, la referencia del puntero del objeto obtenida.