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