Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   действие при условие нахождение объекта в родителе (https://javascript.ru/forum/jquery/55745-dejjstvie-pri-uslovie-nakhozhdenie-obekta-v-roditele.html)

zkolya 12.05.2015 18:04
действие при условие нахождение объекта в родителе
 
Подскажите,пожалуйста,как сделать следующее: Загружаю картинки ajax и добавляю их в div
Код:
$("#imagesPlaceholder").append(imgs);
по нажатию на картинку к ней присваивается класс selimg ,а затем по нажатию кнопки они append в div с классом selected.Вопрос:как мне реализовать draggable and resizable изображений ,когда они внутри div с классом selected

Такой вариант не работает
Код:
if ($(imgs).parents(".selected")) {
                $(imgs).resizable();
                $('.ui-wrapper').draggable({
                    containment: 'parent'
                });

            }
Заранее спасибо

рони 12.05.2015 19:59
zkolya,
if ($(".selected").find(imgs).length) {
                $(imgs).resizable();
                $('.ui-wrapper').draggable({
                    containment: 'parent'
                });

            }

zkolya 12.05.2015 21:45
рони,
Почему то все равно не работает,изображения загружаются,добавляются в div с классом selected ,но в нем не двигаются и размер не меняют

Код:
options.success = function (result) {
            var urls = result.split('|');
            var imgs = $.map(urls, function (url, k) {
                return $("<img />").attr({ "src": url, "id": "img" + a++ });
            });
            $("#imagesPlaceholder").append(imgs);
            if ($(".selected").find(imgs).length) {
                $(imgs).resizable();
                $('.ui-wrapper').draggable({
                    containment: 'parent'
                });
            }
        };

рони 12.05.2015 21:48
zkolya,
$("#imagesPlaceholder"). у этого элемента класс selected?

zkolya 12.05.2015 21:52
рони,
нет,этот div как бы корзина куда загружаются все изображения.А уже из него я append изображения в div с классом selected

рони 12.05.2015 21:59
zkolya,
когда загрузите тогда и инициализируйте -- зачем проверять то
$(imgs).appendTo(".selected").resizable()

zkolya 12.05.2015 22:12
рони,
Прошу прощения,не очень понял.
Код:
$(imgs).appendTo(".selected").resizable()
это же сразу загрузит в selected как я понимаю.

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


Код:
    $("#imagesPlaceholder").append(imgs);
Затем там я на изображения кликаю и к ним присваивается класс sel img
Код:
$('body').on('click', 'img', function () {

        $(this).toggleClass('selimg');
    });
затем все изображения с классом selimg я посылаю в div с классом selected
Код:

 $(".selected").append($(".selimg"));
и мне нужно что бы там уже они могли двигаться и размер менять

рони 12.05.2015 22:41
Цитата:
Сообщение от zkolya
и мне нужно что бы там уже они могли двигаться и размер менять
я вам показал как это сделать

рони 12.05.2015 22:44
Цитата:
Сообщение от zkolya
$(".selected").append($(".selimg"));
Цитата:
Сообщение от рони
$(imgs).appendTo(".selected").resizable()
... :( 
$(".selimg").appendTo(".selected").resizable()

zkolya 12.05.2015 23:02
рони,
:( Все равно не работает
Код:
$("#imagesPlaceholder").append(imgs);

            $(".selimg").appendTo(".selected").resizable()

рони 12.05.2015 23:04
zkolya,
а где ваш клик ?

zkolya 12.05.2015 23:08
рони,а все с эти разобрался.спасибо.Если Вас не затруднит,не могли бы вы подсказать.как правильно навесить и draggable() и resizable();
$(".selimg").appendTo(".selected").draggable().res izable(); это как то не очень работает

рони 12.05.2015 23:15
Цитата:
Сообщение от zkolya
это как то не очень работает
а очень это как?

zkolya 12.05.2015 23:17
рони,resizable(); работает,а draggable() нет

рони 12.05.2015 23:24
zkolya,
$(".selimg").appendTo(".selected").resizable().parent().draggable();

zkolya 12.05.2015 23:28
рони,
Спасибо Вам большое,Вы меня очень выручили!


Часовой пояс GMT +3, время: 10:07.