使用jquery draggable你可以根据拖动的项目创建一个帮助器吗?

时间:2010-03-23 02:50:00

标签: jquery jquery-ui

我希望根据被拖动的元素创建一个自定义帮助器。我正在拖动文档,我希望文档的编号成为自定义帮助程序的一部分。

我知道如何在init期间创建一个帮助器,如下所示:

helper: function()
        {
            return $("<div class='fax16'></div>");
        }

但我真正想要做的就是响应start事件获取对被拖动元素的访问权限并使用它的一些属性来设置帮助器。

类似的东西:

start: function(event, ui)
{
   var docID = //somehow access the dragged element
   ui.helper = $("<div class='save16'>" + docID + "</div>");  //Set drag Helper    
}

可以这样做吗?

2 个答案:

答案 0 :(得分:1)

解决问题的一种方法是在拖动的元素上使用mousedown和mouseup事件,只要鼠标位于元素顶部,就可以在元素上“设置”一个类。然后帮助器可以查找类“over”的元素并访问它。

$('li').mousedown(function() {
    $(this).addClass("over");
});

$('li').mouseup(function() {
    $('li').removeClass("over");
});

helper: function() {                                    
    $(".over") //the element
} 

答案 1 :(得分:0)

不确定,但感觉这就是你需要的。

start: function(event, ui)
{
   var docID = ui.find('.fax16'); //somehow access the dragged element
   //ui.helper = $("<div class='save16'>" + docID + "</div>");  //Set drag Helper    

}