jquery可拖动隐藏内容

时间:2012-11-20 15:17:00

标签: jquery draggable jquery-ui-sortable hidden

我正在使用可拖动和可排序的列表来拖动和排序它们之间的项目。但是,我拥有的物品是可滑动的(即点击它们单桅/隐藏内容)。当我将项目从一个列表拖动到另一个列表时,滑动效果将丢失。此外,如果我有一个隐藏其子节点的项目,并将项目拖动到另一个列表,则只拖动该项目(没有任何子项内容)。这是代码

http://jsbin.com/ujivav/1/edit

3 个答案:

答案 0 :(得分:3)

KHY是正确的,但您也可以将click事件更改为使用on,如下所示:

$('body').on('click', '.clicktohide',function(){
    $(this).siblings().slideToggle('fast');
});

以下是http://jsbin.com/ujivav/4/edit

的示例

答案 1 :(得分:2)

我认为这是因为加载初始页面后会发生与“click”事件的绑定。鉴于此,在您的示例中,在被拖动之后,具有“.clicktohide”类的元素被复制,重复元素不在“click”事件已被绑定的选择中。

我猜你必须通过实现一个在触发“stop”事件时调用的回调函数来绑定拖动元素上的这个事件。

答案 2 :(得分:0)

它看起来不像“clone”重新创建事件处理程序,只是DOM元素。请尝试手动复制“停止”事件。这样你就可以告诉它如何处理新的DOM元素。