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 中已有的元素。