拖动<div>并在drop上取消隐藏隐藏的<div> </div> </div>

时间:2015-02-12 14:43:33

标签: javascript jquery

我在jQuery中使用Drag and Drop时出现问题。我有多个按钮&#39;我想影响其他div可见属性。 (所以将某些内容拖到某个区域以隐藏内容)

我似乎无法让它工作,任何人都有任何指示?

$(document).ready(function () {

$('#btn_IncCat').draggable({
    containment: '#content',
    cursor: 'move',
    snap: '#content',
    revert: true,
    revertDuration: 900,
    opacity: 0.35,

});


$('#MobSelection').droppable({
    accept: '.btn',
    drop: function (ev, ui) {
        ui.draggable.hide(1000);
        ui.draggable.addClass('dropped');
        drop: $('#btn_IncCat').on("drop", function (event, ui) {
            $('#IncidentCatSearch').removeClass('hidden');
        })
    }
})

});

以上是我试图开始工作的jQuery。这是一个Jsfiddle的例子。任何指针将不胜感激。我知道他们不能成为按钮&#39;使用拖放操作,所以我会将HTML更改为普通div,但样式设置为不同。

1 个答案:

答案 0 :(得分:1)

不完全确定您想要实现的目标,但根据您的描述,我会使用可连接列表进行排序,这样的事情可行:updated Fiddle。希望这可以帮助。祝你好运!

JS:

$( ".row, #MobSelection" ).sortable({
  connectWith: ".well",
  stop: function (ev, ui) {
        $('#IncidentCatSearch').removeClass('hidden');
  }
}).disableSelection();