javascript - jQuery UI droppable不会结束

码：

    $("div.layout.lo-content > div.content").droppable(
    {
        over:function(e,ui)
        {
            alert("yes");
            $(this).css("background-color","#FFFFFF");
        },
        drop: function(e, ui)
        {
            $(ui.draggable).appendTo($(this));
            if($(this).hasClass("ui-sortable"))
            {
                $("div.content").sortable('refresh');
            }
        }
    });

如您所见，将元素拖动到上述元素上方时，其背景颜色将改变。

如果元素不在可放置容器上方，是否可以使背景颜色透明？

如：

{
    notover: function(e,ui) { }
}

最佳答案

尝试

的CSS

div.layout.lo-content > div.content {
  background-color:transparent;
}

js

  $("div.layout.lo-content > div.content").droppable(
    {
        over:function(e,ui)
        {
            alert("yes");
            $(this).css("background-color","#FFFFFF");
        },
        drop: function(e, ui)
        {
            $(ui.draggable).appendTo($(this));
            if($(this).hasClass("ui-sortable"))
            {
                $("div.content").sortable('refresh');
            }
        },
        out:function() {
            $(this).css("background-color","transparent");
        }

    });

关于javascript - jQuery UI droppable不会结束，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31174444/