resizable добавляет вторую обертку вместо изменения размера первого

Question

Я использую функции jQuery для javascript() и draggable() jQuery для управления изображениями в моем приложении.

Код работает отлично:

$(document).on('click', 'img', function(event){ 
     $(this).resizable(); 
     $(".ui-wrapper").draggable(); 

    return false; 
    }); 

Проблема заключается в том, что, когда я возвращаюсь в режим «контент-редактор» мое приложение работает неправильно, потому что изменяемыми() добавляет второй». ui-wrapper "вместо того, чтобы манипулировать старым.

You can see the problem on my application - перейдите в режим содержимого, добавьте изображение, измените его размер, вернитесь в режим стиля, а затем вернитесь в режим содержимого - и здесь, когда вы нажимаете на изображение, изменяемые и перетаскиваемые не работают правильно. эффект так: http://jsfiddle.net/7GrbM/6/

Answer 1

ваш подход создает много проблем, мне я бы поставил кнопку перетащить/размер на изображение & если нажата, то сначала уничтожить изменяемый размер/перетаскиваемых экземпляров, то изменяемыми/перетаскиваемым этого образа; немного больше работы для пользователя для менее сюрпризов

затем смена режима -> сбросить все не перетаскиваемым/не изменяемыми

или я бы поставил все IMG изменяемыми/перетаскиваемым по умолчанию (и уничтожить по экономии/экспорт/любой

также почему не

$(document).on('click', 'img', function(event){ 

    $(this).resizable().draggable(); 

return false; 
});