0

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

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

同样重要的是，隐藏按钮只出现在底部的黄色框中，而不出现在灰色的可排序列表中。

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

http://jsfiddle.net/equiroga/4At6J/4/

//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')"});
});
4

1 回答 1

1

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

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

编辑

我bt为所有按钮添加了一个通用类，然后：

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

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

于 2013-10-09T02:06:44.950 回答