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

Question

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

0

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

Код работает нормально:

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

    return false;
   });

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

Вы можете увидеть проблему в моем приложении - перейдите в режим содержимого, добавьте изображение, измените его размер, вернитесь в режим стиля, а не снова вернитесь в режим содержимого - и здесь, когда вы нажимаете на изображение, изменяемый размер и перетаскивание не работают правильно, эффект такой: http://jsfiddle.net/7GrbM/6/

lipenco 09 окт. 2013, в 08:37

Источник

Теги:

javascript

jquery

jquery-ui

jquery-ui-draggable

jquery-ui-resizable

1 ответ

Ещё вопросы

mikakun · Answer 1 · 2013-10-09T03-40-00.000Z

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

затем сменить режим → сбросить все, чтобы не перетащить/не изменять размер

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

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

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

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

return false;
});

$ (Это) .resizable () перетаскиваемым (). - не работает должным образом для меня, я не знаю почему. я могу перетащить изображение только в пределах области, если установлено изменение размера ()