javascript - Jquery Draggable Throwing错误

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});

score 3 · Accepted Answer

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

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

同样在您的小提琴中，您的img标签没有关闭，您需要在左侧引用 jQuery ui.draggable()才能工作

这是一个工作小提琴。

score 3 · Accepted Answer

你太复杂了..

JQuery 中的选择器总是返回一个对象数组。您不需要使用循环来遍历它们来为每个创建事件。例如，具有相同类“buttonClass”的 5 个按钮具有相同的单击事件： $('.buttonClass').click(function () { ..... });

2 回答 2