Jquery prependTo 添加显示：块

Posted 2023-04-13

【中文标题】Jquery prependTo 添加显示：块

【英文标题】：Jquery prependTo adds display:block

【发布时间】：2012-05-27 06:07:22

【问题描述】：

似乎找不到答案。

我的代码如下所示：

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。

谢谢。

【参考方案1】：

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

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