Спрятать перетаскиваемый после его сброса (scriptaculous)

Question

, вероятно, лучше всего, если я сначала просто напишу свой код. У меня есть:

<li class="sorted" id='<%= domid %>'> 
    <%= horse.name %> 
</li> 
<%= draggable_element(domid, :ghosting=>true) %> 

после падения на какое-то «поле» перетаскиваемую элемент с именем = horse.name остается на нем. Я хочу удалить его (имя). я пробовал разные вещи.

Предполагается, что мне придется писать простой javascript (я не уверен, если это случай, но), если я делаю это, у меня возникают проблемы с получением идентификатора родительского элемента, который я должен вставить в js.

var mydrag = new Draggable(domid, { ghosting: true }); 
// then destroy it when you don't need it anymore 
mydrag.destroy(); 

Как я могу получить правильное жилище. sth вроде this.parentNode.id? Я также пробовал

<%= draggable_element(domid, :ghosting=>true, :endeffect => "this.hide();") %> 

без успеха.

так что мой вопрос в том, как удалить элемент после перетаскивания?

Answer 1

Вы можете использовать endeffect, как это:

var mydrag = new Draggable(domid, { ghosting: true, endeffect:function() { $(domid).hide() } });