Код кода копирования следующим образом:
<!
<html>
<голова>
<Title> FF и IE Динамические элементы загрузки </title>
<script type = "text/javascript" src = "jquery-1.4.min.js"> </script>
<Стиль типа = "Текст/CSS">
Li {Margin: 0;
</style>
<script type = "text/javascript">
Функция add () {
var litemplate = $ ("#template");
Litelment.find ("input [name = 'awbpre']").
Litelment.find ("input [name = 'awbno']").
$ ("#Box").
}
</script>
</head>
<тело>
<ul id = "box">
<li id = "template" 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>
Код: при нажатии кнопки «Добавить» добавьте два поля ввода на страницу на страницу и назначьте значение двум новым окнам ввода одновременно. IE 6,7,8,9 (совместимый режим) работает нормально.
Но в соответствии с FF, Chrome, IE9 (не совместимый режим), это не правильно:
Изменить метод add () на
Код кода копирования следующим образом:
<script type = "text/javascript">
Функция add () {
var litemplate = $ ("#template");
$ ("#Box").
var new_li = $ ("#box li: last");
new_li.find ("input [name = 'awbpre']").
new_li.find ("input [name = 'awbno']").
}
</script>
Правильно . Я новичок в технологии фронта. , поскольку Litemplate не присоединился к числу, когда дерево DOM наконец -то вызвано, когда называется Livementate.html (), возвращаемый HTML -код все еще остается HTML -кодом перед начальной обработкой (немного значения, копия используется, Независимо от того, что процесс обрабатывается, он не влияет на исходное значение); На этот раз, ссылка на указатель полученного объекта.