放置后隐藏可拖动对象（scriptaculous）

Question

如果我首先写下我的代码，可能最好。我有：

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

在某个“盒子”上放置后，名称= horse.name 的可拖动元素保留在其上。我想删除它（名字）。我正在尝试不同的事情。

据说我将不得不编写普通的 javascript（我不确定是否是这样，但是）如果我这样做，我在获取必须插入 js 的父元素 id 时遇到问题。

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

我怎样才能得到适当的domid。像这样的.parentNode.id？我也尝试过

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

但没有成功。

所以我的问题是如何在拖动后删除元素？

Answer 1

您可以使用 endeffect，如下所示：

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