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？

我尝试将style标记上方的div元素设置为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中已有的元素。

Jquery prependTo添加display：block

1 个答案: