Jquery prependTo添加display：block

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？

我已经尝试将style标签上面的div元素设置为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中的元素。