Question

我将可排序的灰色ul列表（父组）拖到下面的两个黄色列表中。我试图在拖入黄色可排序列表时显示灰色可排序列表中的隐藏按钮。

我正在使用display none的愚蠢方法，并使用mouseUp事件处理程序来显示隐藏按钮。它没有达到预期的效果。

隐藏按钮只出现在底部的黄色框中，而不会出现在灰色的可排序列表中，这一点很重要。

非常感谢任何帮助。感谢。

//Show js

  $(function(){
  $(document).mouseup(function(){ 
  $('.button, .button2, .button3, .button4, .button5').show(); 
  });
 });


//Sortable js
$(function () {
$("#sortable1").sortable({
    helper: "clone",
    connectWith: ".sortable",

    start: function (event, ui) {
        $(ui.item).show();
        clone = $(ui.item).clone();
        before = $(ui.item).prev();
        position = $(ui.item).index();
    },
    beforeStop: function (event, ui) {
        if ($(ui.item).closest('ul#sortable1').length > 0) $(this).sortable('cancel');
    },
    stop: function (event, ui) {
        if (position == 0) $("#sortable1").prepend(clone);
        else before.after(clone);
    }
});

$(".sortable").sortable({connectWith: ".sortable:not('#sortable1')"});
});

Answer 1

删除顶部代码并将其添加到停止功能中：

ui.item.children('.button').show();

修改

我在所有按钮中添加了bt公共类，然后：

ui.item.children('.bt').show();

http://jsfiddle.net/stevemarvell/4At6J/6/

如何使隐藏的div出现在另一个可排序的列表中

1 个答案: