首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jquery可拖抛错误

Jquery可拖抛错误
EN

Stack Overflow用户
提问于 2014-03-20 16:30:18
回答 2查看 57关注 0票数 2

下面是我的代码片段。我想要做的是在img中找到image_div并将draggable事件附加到它。

代码语言:javascript
复制
    $(function() {
        jQuery('#image_div').each({
       $(this).find('img').draggable({revert: true});)};
    });

以上代码将我抛出以下错误

代码语言:javascript
复制
SyntaxError: missing : after property id//$(this).find('img').draggable({revert: true});
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-03-20 16:46:37

你把事情搞得太复杂了。

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

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

票数 3
EN

Stack Overflow用户

发布于 2014-03-20 16:42:01

您只需在一个元素上调用.each()。选择器$('#image_div');将返回one div元素。直接在该元素上使用.find()查找元素中的所有img标记。你的代码应该是这样的。

代码语言:javascript
复制
$(function() {
    jQuery('#image_div').find('img').draggable({ revert: true });
});

同样在您的小提琴中,您的img标记没有关闭,您需要在左手侧引用jQuery ui,以便.draggable()工作。

这里是一个工作小提琴。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22539323

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档