2

Hi following is my code Snippet. What i am trying to do is that i want to find img within the image_div and attach draggable event to it.

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

Above Code Throws me following error

SyntaxError: missing : after property id//$(this).find('img').draggable({revert: true});
user513951
  • 12,445
  • 7
  • 65
  • 82
noobie-php
  • 6,817
  • 15
  • 54
  • 101

2 Answers2

3

You're calling .each() on a single element. Your selector $('#image_div'); will return the one div element. Use .find() directly on this element to look within it and find all img tags. Your code should look like this.

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

Also in your fiddle, your img tags weren't closed and you need to reference jQuery ui on the left hand side for .draggable() to work

Here is a working fiddle.

Mark Walters
  • 12,060
  • 6
  • 33
  • 48
3

you're overcomplicating it..

Here is your updated fiddle.. http://jsfiddle.net/jFIT/FCjr5/1/

Selectors in JQuery always return an array of objects. you do not need to use a loop to iterate through them to create events for each one.. for example, 5 buttons with the same class "buttonClass" have the same click event: $('.buttonClass').click(function () { ..... });

JF it
  • 2,403
  • 3
  • 20
  • 30