используя jquery draggable можете ли вы создать помощника на основе перетаскиваемого элемента?

Question

Я хочу создать пользовательский помощник на основе перетаскиваемого элемента.Я перетаскиваю документы и хотел бы, чтобы номер документа был частью пользовательского помощника.

Я знаю, как создать помощника во время инициализации, например так:

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

Но чтоЯ действительно хочу сделать, может быть, в ответ на событие запуска получить доступ к перетаскиваемому элементу и использовать некоторые его свойства для установки помощника.

Что-то вроде:

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

Можетэто будет сделано?

Answer 1

Одним из способов решения этой проблемы является использование событий mousedown и mouseup на перетаскиваемых элементах для установки класса «over» на элементе, когда мышь находится над ним.Затем помощник может найти элемент с классом «over» и получить к нему доступ.

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

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

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

Answer 2

не уверен, но есть ощущение, что это то, что вам нужно.

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

}