動態jquery div添加動態jquery href

Question

我已經動態創建了一個<a>標籤和一個<div>動態。我希望<a>成爲<div>的孩子，並最終將div添加到它的父級。以下是代碼：

var contentLinkWithImage = $('<img />', { 
      src:'images/cg/story1.jpg', 
      width:'300', 
      height:'250', 
      class:'img-responsive item_back_img' 
     }); 

var contentLink = $('a', { 
      href:'#', 
      text:contentLinkWithImage 
}); 

var div_Item = $('<div/>', { 
      class: 'col-xs-12 col-sm-6 col-md-6 col-lg-3 portfolio-item', 
      html : contentLink 
}); 

最後我使用添加div_item給定父DIV如下：

$('#myParentDiv').html(div_Item);

問題是，我只能看到div_Item渲染時，沒有它的兒童。我究竟做錯了什麼？

Answer 1

使用append

var div_Item = $('<div/>', { 
     class: 'col-xs-12 col-sm-6 col-md-6 col-lg-3 portfolio-item' 

}); 
div_Item.append(contentLink); 

Answer 2

您有形象問題。您必須在css中聲明寬度和高度的度量。

所以，這樣使用;

var contentLinkWithImage = $('<img />', { 
      src:'images/cg/story1.jpg', 
      width:'300px', 
      height:'250px', 
      class:'img-responsive item_back_img' 
     });