Jquery Draggable Throwing error

Привет, это мой код. То, что я пытаюсь сделать, это то, что я хочу найти img в пределах image_div и прикрепить draggable событие к нему.

    $(function() {
        jQuery('#image_div').each({
       $(this).find('img').draggable({revert: true});)};
    });

Выше кода выдает мне следующую ошибку

SyntaxError: missing : after property id//$(this).find('img').draggable({revert: true});
Источник

2 ответа

Решение

Ты это усложняешь..

Вот ваша обновленная скрипка. http://jsfiddle.net/jFIT/FCjr5/1/

Селекторы в JQuery всегда возвращают массив объектов. вам не нужно использовать цикл для их перебора для создания событий для каждого из них. Например, 5 кнопок с одним и тем же классом "buttonClass" имеют одно и то же событие click: $('.buttonClass').click(function () { ..... });

Источник

Ты звонишь .each() на одном элементе. Ваш селектор $('#image_div'); вернет один элемент div. использование .find() непосредственно на этом элементе, чтобы посмотреть в него и найти все img теги. Ваш код должен выглядеть следующим образом.

$(function() {
    jQuery('#image_div').find('img').draggable({ revert: true });
});

Также в вашей скрипке, ваш img теги не были закрыты, и вы должны ссылаться на jQuery UI на левой стороне для .draggable() работать

Вот рабочая скрипка.

Источник
Другие вопросы по тегам