2013-05-22 3 views
0

Привет всем на моем сайте Я хочу сделать элемент перетаскиваемым и изменяемым по размеру. По какой-то причине я хочу поместить элемент в определенную позицию внутри родителя div. Но я не могу переместить ui-обертку, которая содержит изображение, клонированное из другого, которое я хочу перетащить. Всегда:jQuery change ui-wrapper position

top:auto 
left:auto 

Я попытался в этом режиме:

newDiv = $(this).clone().appendTo('#space-drawable-div').resizable({ 
    aspectRatio: true, 
    maxWidth: 212, 
    maxHeight: 220 
}).parent('.ui-wrapper').draggable({ 
    containment: "parent" 
}).parent().removeAttr('style').css('top', '10px').css('left', '20px'); 

У меня есть изображение, и его родитель 'щ-обертка'

UI-обертка CSS:

height: 220px; 
left: auto; 
margin: 0; 
overflow: hidden; 
position: relative; 
top: auto; 
width: 157px; 
+0

Почему вы не используете '.css()' jQuery для этого? –

+0

.css ('left', '20px') Я использую его @Phillip –

+0

Хорошо ... Я имел в виду весь процесс. Можете ли вы опубликовать HTML и некоторые другие CSS? –

ответ

0

Установка css position должна устранить проблему

newDiv = $(this).clone().appendTo('#space-drawable-div').resizable({ 
aspectRatio: true, 
maxWidth: 212, 
maxHeight: 220 
}).parent('.ui-wrapper').draggable({ 
containment: "parent" 
}).parent().removeAttr('style').css('top', '10px').css('left', '20px').css('position','relative'); 
+0

Не работает такая же проблема –