javascript - 如何使用 jQuery 将 div 设置为可拖动？

Question

如何将 div 设置为 .draggable(); 一旦使用 jQuery 构造函数创建。

var $equity = $("<div><h5>"+jsonResult.Data.Symbol+"</h5></div>").attr('id','equity' + window.count);
$equity.attr('class', 'portfolioEquity');  
$("<h5>"+"$"+jsonResult.Data.LastPrice+"</h5>").appendTo($equity);
$equity.prependTo('#portfolio');
var equityID = '#' + $equity.attr('id');
$(equityID).draggable();

我认为在创建“var”equityID 时，我指定了要设置为可拖动的特定 ID。然而事实并非如此，我的 div 还不能拖动。

Answer 1

假设您为可拖动方法声明了库 jquery.ui.js，并且假设您每个都附加了一个或一个 for 循环，那么计数器可能是变量 i，简化您添加到订单的属性就像这样。

for (var i = 0; i < jsonResult.data.length; i++) {
    $('#portfolio').prepend("<div id='equity'"+i+" class='portfolioEquity'><h5>"+jsonResult.Data.Symbol+"</h5></div>");
    $('#'+i).draggable();
};