Question

代码：

    $("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) { }
}

Answer 1

尝试

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

    });

jQuery UI droppable没有结束

1 个答案: