Jquery prependTo添加顯示：塊

Question

不能找到答案。

我的代碼如下所示：

var new_img = '<img id="' + drag_id + '" rel="' + drop_id + '" class="' + gallery_link + ' drop_out" src="' + drag_src + '" />'; 

var drop_img = '<div id="' + ($(ui.draggable).attr("id")) + '" class="not-droppable" rel="' + drop_id + '">' + new_img + '</div>'; 

$(drop_img).hide().prependTo('li[id=' + drop_id + ']').fadeIn(2000); 

當div與圖像內被前置到LI其添加style:display-block到div。我該如何做到這一點，以便前導div不添加style元素作爲class這個元素是display: inline-block？

我已經嘗試將上面的div標記上的style元素設置爲display: inline-block;然而，這然後變成display: block。如果我嘗試將樣式表中的CSS display: inline-block設置爲!important，則div,style將變爲display-none。

謝謝。

Answer 1

$(drop_img) 
    .css('display','none') 
    .prependTo('li[id=' + drop_id + ']') 
    .fadeIn(2000); 

.hide()適用於已在DOM中的元素。