Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице

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


Часовой пояс GMT +3, время: 16:37.
Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице