Jquery prependTo 添加显示 :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 ？

我尝试将上面 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 中已有的元素。