Question

我在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，但样式设置为不同。

Answer 1

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

JS：

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

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

1 个答案: