我正在尝试将 <img id="draggable"> 附加到 $( "#draggable" ).draggable();它不工作。我怎样才能连接

Posted 2023-05-08

【中文标题】我正在尝试将 <img id="draggable"> 附加到 $( "#draggable" ).draggable();它不工作。我怎样才能连接它们？

【英文标题】：I am trying to attach the <img id="draggable"> to $( "#draggable" ).draggable(); and it's not working. how can i connect them?

【发布时间】：2018-09-24 23:07:10

【问题描述】：

我正在尝试将我在 js 文件中创建的 img id="draggable" 附加到 $( "#draggable" ).draggable();它不工作。我该如何连接它们？

$.ajax(
    type: "GET",
    url: "***",
    success: function(response)
        $.each(response, function(key, users)
            $.each(users, function(key, user)

            $('#users').append(
                        '<div class="col ui-widget-content"><b>id:</b>' + user.id + '&nbsp <b>name:</b>' + user.name + '<img id="draggable" class="emoji" src="' + user.picture + '"  ></div>'             
                       );   

            );
        );
    
);  

$( "#draggable" ).draggable();

【问题讨论】：

请阅读How to Ask，将您的标题编辑为标题，并努力解释问题所在。

如果你有多个用户，会有多个 id="draggable" 的元素，你应该使用

这是真的，这是一个很好的观点，但只有在 html 文件中创建图像时它才会起作用.. 仍然无法工作......据我所知，我有一个问题图像是在 js 文件中创建的，似乎是在创建 $( "#draggable" ).draggable() 之后，这就是它们断开连接的原因..

您需要提供响应的值（或数据结构），我不明白您为什么要遍历响应以获取“用户”变量...这是否意味着响应是数组或用户数组？看起来很奇怪。

【参考方案1】：

好的，谢谢，我发现我只需要添加 $('.draggable').draggable(); 的实例即可进入 $.each 循环。 是的，它是一个数组数组。 :)

【讨论】：

我认为在success函数结束时执行应该足够了[success: function(response) ... $('.draggable').draggable(); ]