php - コンテンツが追加されたときに空の div から背景を削除する

Question

空で始まる div がありますが、アイテムは jQuery Sortable を介して追加されます。私がやりたいことは、境界線と背景画像を含む空の div を表示することから始めることです。この画像は、「項目をここにドラッグしてください」のようなものです。ただし、最初のアイテムが空の div に移動されるとすぐに、背景が空白になります。

新しい div 内のアイテムが並べ替えられるため、これを実行しようとしています。ユーザーがアイテムを移動している間は背景が表示されないようにします。

Answer 1

jQuery は必要ありません。純粋な css を使用してください。

.yourDiv:empty{
    background-image : url(...);
    //set your width / height if it isnt set in an other rule.
}

Answer 2

CSS3 :puedo class :empty は、ほぼすべてのブラウザーで機能します。古いバージョンの IE (IE8 以下) をサポートする場合は、Sortable ウィジェットの受信機能を使用することをお勧めします: http://api.jqueryui.com/1.9/sortable/#event-receive