jquery - jQueryでdivと複数の画像を追加する方法

Question

ページに div を追加し、jQuery を使用して複数の画像を追加したいのですが、ここでいくつかのメソッドを見つけて実装しようとしましたが、本体に div が挿入されているにもかかわらず画像が表示されません。

私はこのようにしようとしています。

        $(window).load(function(){

        $("<div/>", {
          "id": "image",
          "css": { "display" : "block"},
        }).appendTo("body");

        $("<img src='_ls-global/layout-images/layout.png'/>").appendTo("#image");
        $("<img src='_ls-global/layout-images/layout2.png'/>").appendTo("#image");

        });

これを行うための最良の方法をご覧ください。

ありがとう。

Answer 1

次のことを試しましたか？

$('#image').prepend('<img src='_ls-global/layout-images/layout.png'/>')

また

$('<img />')
    .attr('src', '_ls-global/layout-images/layout.png')
    .appendTo('#image'));

Answer 2

次のことを試してください（画像のパスが正しいことを確認してください）：

$(document).ready(function(){
var imageContainer = $('<div id="imageDiv"></div>');
var image1 = $('<img src="_ls-global/layout-images/layout.png" style="display:block"/>');
var image2 = $('<img src="_ls-global/layout-images/layout2.png" style="display:block"/>');
imageContainer.append(image1);
imageContainer.append(image2);
$('body').append(imageContainer);
});

Answer 3

$("<div/>", {
  "id": "image",
  "css": {"display" : "block"},
  html: $("<img src='_ls-global/layout-images/layout.png'/>
           <img src='_ls-global/layout-images/layout2.png'/>")
}).appendTo("body");