我正在尝试将 <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?我正在尝试将 <img id="draggable"> 附加到 $( "#draggable" ).draggable();它不工作。我怎样才能连接它们？
【发布时间】：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 + '" alt="user photo" width="100px"></div>'             
                       );   

            });
        });
    }
});  

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

【问题讨论】：

请阅读How to Ask，将您的标题编辑为标题，并努力解释问题所在。
如果你有多个用户，会有多个 id="draggable" 的元素，你应该使用
这是真的，这是一个很好的观点，但只有在 HTML 文件中创建图像时它才会起作用.. 仍然无法工作......据我所知，我有一个问题图像是在 js 文件中创建的，似乎是在创建 $( "#draggable" ).draggable() 之后，这就是它们断开连接的原因..
您需要提供响应的值（或数据结构），我不明白您为什么要遍历响应以获取“用户”变量...这是否意味着响应是数组或用户数组？看起来很奇怪。

标签： javascript jquery jquery-ui drag-and-drop

【解决方案1】：

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

【讨论】：

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