0

これを機能させるのに問題があります。firebug で HTML を見ると、コンテナ内に 2 つのオブジェクトがあることが示されていますが、img は 1 つしか表示されていません。

私はいくつかの非常に単純なコードを持っています:

var img1 = $("<img />", {src : "myimg.png" });
var img2 = $("<img />", {src : "myimg2.png" });
img1.appendTo("#div");
img2.appendTo("#div");

<div id="div"></div>

ただし、最初の画像のみが表示されます。最初の画像をコメントアウトするとappendTo、2 番目の画像が表示されます。順序を逆にすると、最初の画像ではなく 2 番目の画像が表示されます。

4

2 に答える 2

0

これは実際にはappendToとは関係ありませんが、my#divとimagesのサイズに関係しています。変。

于 2012-07-07T02:39:59.480 に答える
0

ネイティブ JavaScript で要素を追加する方法を教えてもらえますか? これはより高速で、非常によく似た構文です。さらに、それはあなたをより良いプログラマーにします。

まず、JavaScript テンプレートをチェックアウトしていない場合はチェックアウトします。私は個人的にhttp://handlebarsjs.com/を使用しています。

とにかく、JavaScriptでやりたいことをする方法は次のとおりです。

var parentElement = document.getElementById("div");
var fragment = document.createDocumentFragment(); 

["myimg.png", "myimg2.png"].forEach(function(src) {
 var element = document.createElement("img");
 element.src = src;
 fragment.appendChild(element);
}); 

parentElement.appendChild(fragment);
于 2012-07-07T04:13:29.790 に答える