Jquery prependTo addds display : block

Question

Cant가 이에 대한 답을 찾은 것 같습니다.

내 코드는 다음과 같습니다 : 이미지와 div 그것이 LI 앞에 추가됩니다 내부 때

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); 

IT는 div에 style:display-block을 추가합니다. 앞에 붙인 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에있는 요소에서 작동합니다.