jquery - 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不会像这个元素一样添加元素？styleclassdisplay: inline-block

我尝试将上面标签上的style元素设置为; 但是，这随后更改为. 如果我尝试将样式表中的 CSS 设置为，则变为.divdisplay: inline-blockdisplay: blockdisplay: inline-block!importantdivstyledisplay-none

谢谢。

Answer 1

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

.hide()适用于已经在 DOM 中的元素。