Jquery Draggable投掷错误

Question

嗨，以下是我的代码片段。我想要做的是，我想在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});

Answer 1

您在单个元素上调用.each()。您的选择器$('#image_div');将返回一个div元素。直接在此元素上使用.find()查看其中的所有img标记。您的代码应如下所示。

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

同样在你的小提琴中，你的img标签并未关闭，你需要在左侧参考jQuery ui以使.draggable()能够正常工作

Here是一个工作小提琴。

Answer 2

你过度复杂了..

这是你的更新小提琴.. http://jsfiddle.net/jFIT/FCjr5/1/

JQuery中的选择器始终返回一个对象数组。你不需要使用循环来迭代它们来为每个循环创建事件..例如，5个具有相同类的按钮＆＃34; buttonClass＆＃34;拥有相同的点击事件：$('.buttonClass').click(function () { ..... });