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它会向div添加style:display-block 。 我如何做到这一点，以使前置div不会添加style元素，因为display: inline-block该元素的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中已经存在的元素起作用。