次のようにコードコードをコピーします。
<!doctype html>
<html>
<head>
<title> ffおよびie動的荷重要素</title>
<script type = "text/javascript" src = "jquery-1.4.min.js"> </scrip>
<style type = "text/css">
li {マージン:0;
</style>
<script type = "text/javascript">
関数add(){
var litemplate = $( "#template");
litemplate.find( "input = 'awbpre']")。
litemplate.find( "input = 'awbno']")。
$( "#box")。
}
</script>
</head>
<body>
<ul id = "box">
<li id = "template" style = "display:none">
awbpre:
<入力型= "text" value = "#awbno#" name = "awbpre"/>
awbno:
<入力型= "テキスト"値= "#awbno#" name = "awbno"/>
</li>
</ul>
<入力型= "ボタン"値= "add" onclick = "return add()"/>/>
</body>
</html>
コードは次のとおりです。[追加]ボタンをクリックすると、ページに2つの入力ボックスを追加し、2つの新しい入力ボックスに同時に値を割り当てます。つまり、6,7,8,9(互換モード)は、以下のスクリーンショットを参照してください。
しかし、FF、Chrome、IE9(非compatibleモード)では、それは正しくありません。
add()メソッドを変更します
次のようにコードコードをコピーします。
<script type = "text/javascript">
関数add(){
var litemplate = $( "#template");
$( "#box")。
var new_li = $( "#box li:last");
new_li.find( "input = 'awbpre']")。
new_li.find( "input = 'awbno']")。
}
</script>
そうです、 2つの違いは、最初に割り当てを行い、次にDOMツリーに追加してから、対応する処理の割り当てを見つけることです。私はフロントエンドテクノロジーのルーキーです。 、livemplate.html()が呼び出されたときにlivemplate.html()が呼び出されたときにlitemplateが最終的に呼び出されたときに数値に結合していないため、初期処理前に返されたHTMLコードはまだhtmlコードです(値のビット、コピーは使用されます、プロセスが処理されていても、元の値に影響しません今回は、「ポインター」方向の変更が取得されたオブジェクト自体に直接影響します(「参照伝送」の意味は少しです)