0 
$(".ssource").droppable({
        addClasses: false,
        greedy: true,
        accept:function(ele){
            if($(this).hasClass("Dropped") != true){
                 return true;
            }
            }else{
                 return false;
            }
        },
        drop: function(event, ui) {
                 $(this).addClass("Dropped");
                },
});

ドロップ可能の受け入れオプションは、ドラッグ可能要素のクリック時に呼び出されますが、ドロップ可能領域にホバーしたときにドラッグ可能が有効かどうかを確認したいです。

4

2 に答える 2

1

Over と Out を使用して、Droppable 領域を有効にすることができます。

$(".ssource").droppable({
        greedy: true,
        //Active the Drop Area
        over: function(event, ui) {
           $(this).addClass("validArea");
        },
        //Deactive the Drop Area if the item drop.
        drop: function(event, ui) {
           $(this).removeClass("validArea");
        },
        //Deactive the Drop Area if item outside the area.
        out: function(event, ui) {
           $(this).removeClass("validArea");
        }
});

ValidArea は、ドロップ可能な領域にイメージがホバーされたときに有効に見えるようにするための新しいクラスです。

于 2013-08-06T05:36:33.430 に答える
0

ドキュメントには、ドラッグ可能なものをドロップ可能なものにリンクした例があります。ドロップ可能な要素で、同じ「accept」オプションを使用します

$( "#droppable" ).droppable({
  accept: ".ssource",
于 2013-08-05T11:42:30.640 に答える