1

特定のドロップ可能にドロップされたときにその情報のみを表示するように制限したい一連のドラッグ可能がある Web サイトがあります。

これが私のコードです：

<script type = "text/javascript"> 

$(function() {

    $(".draggablem").draggable({
        revert: true,
        opacity: .75,
        containment: '.container',

        cursor: 'move',
        cursorAt: {
            top: 25,
            left: 75
        }

    });

    $(".draggableo").draggable({
        revert: true,
        opacity: .75,
        containment: '.container',
        cursor: 'move',
        cursorAt: {
            top: 25,
            left: 75
        }

    });

    $(".dropable").droppable({
        activeClass: 'dragactive',
        hoverClass: 'drophover',
        drop: function(event, ui) {
            $(this).addClass('drophighlight').find('p').html('<br />' + ui.draggable.children("span").text());
        }
    });

    $(".dropable2").droppable({
        activeClass: 'dragactive',
        hoverClass: 'drophover',
        drop: function(event, ui) {
            $(this).addClass('drophighlight').find('p').html('<br />' + ui.draggable.children("span").text());
        }
    });

}); 
</script>

とに制限.draggablemしたい。.dropable.draggableo.dropable2

ありがとうございます。

4

2 に答える 2

1

acceptドロップ可能には、ドラッグ可能に一致するセレクターに設定する必要があるオプションがあります。

$('.dropable2').droppable({
    ...,
    accept: '.draggableo'
)};
于 2012-10-10T11:42:32.287 に答える
0

あなたの質問は非常に明確ではありません。

このacceptオプションを使用して、ドロップできるものを定義できますが、それは質問の言い回しではありません。

いずれかの要素の削除が許可されているが、質問の状態として、特定のクラスが削除された場合にのみ表示される場合：

$(".dropable").droppable({
    drop: function(event, ui) {
        if (ui.draggable.is('.myAllowedClass')) {
            /* do highlight*/      

        }
    }
});
于 2012-10-10T11:49:07.853 に答える