jquery UI を使用して、Web アプリケーションでドラッグ アンド ドロップを有効にしています。ドラッグ (<div>
オブジェクト) はすべてのブラウザーで可能ですが、(オブジェクトへの) ドロップ イベント<td>
は Firefox ではうまく機能しますが、Chrome と Safari では機能しません。
これは、ドロップ イベントの jquery コードです。
$( ".dcell" ).droppable({
greedy: true,
accept: '.omba',
drop: function( event, ui ) {
...
}
});
.dcell クラスの CSS:
.dcell {
padding-bottom: 20px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
max-width: 50px;
margin-left: 100px;
}
このコードがすべてのブラウザーで機能しない理由がわかりますか?