Jquery 更新<；李>；当掉入可下降区域时

我使用jQuery实现了一个droppable，如下所示：

$( ".myVal" ).droppable({ drop: function( event, ui ) 
            { 

            } 
        }); 

我正在将一个

元素拖动到可拖放区域。我可以将新的css应用到刚刚添加的

中吗？因此，除了将文本拖放到区域中之外，文本还包含新的css样式

$( ".myVal" ).droppable({ drop: function( event, ui ) 
        { 
              $(this).find("li").addClass("newClass");
        } 
    }); 

我想这就是你需要的

因此：

CSS

.myVal ul li{
    //styles
}

这也是一个好主意：）

在事件下签出有一个删除事件，您可以在删除元素后使用该事件执行任何转换。

或者您可以（因为li将从新容器继承样式）

没有必要使用jQuery执行此操作，但如果您仍然希望（但这仅在删除的元素必须与其他元素不同（在新容器中）时才有意义）：

注意：假设.draggable元素是

li

/*javascript*/
    $( ".myVal" ).droppable({ drop: function( event, ui ) 
            { 
                  ui.draggable.css({'color':'blue','background':'red'});
            } 
        }); 

甚至

/*javascript+css*/
    $( ".myVal" ).droppable({ drop: function( event, ui ) 
            { 
                 ui.draggable.addClass('justDropped');
            } 
        }); 
   /*combined with*/ 
    .justDropped{
        color:red;
        background:blue;
    }

---

新李继承了新容器的样式。只需设置#newContainer ul li{prop:value；}

/*javascript+css*/
    $( ".myVal" ).droppable({ drop: function( event, ui ) 
            { 
                 ui.draggable.addClass('justDropped');
            } 
        }); 
   /*combined with*/ 
    .justDropped{
        color:red;
        background:blue;
    }