0

jquery-ui のドラッグ/ドロップを使用して、ある要素 (div) の背景色を、最初の要素の上にドラッグ アンド ドロップしたときに、別の要素 (div) の背景色に変更したいと考えています。背景色はデータベースから動的に取得されるため、インライン スタイルを使用する必要があります。.droppable({ * }) で使用するオプション/引数は何ですか?

<?PHP echo  "<script type="text/javascript">
    $(function()
    {
        var " . $id . " = " . mysql row . "
        $('#first').draggable({revert:true});
        $('#second').draggable({revert:true});
        $('#third').draggable({revert:true});
        $('#fourth').draggable({revert:true});
        $('#fifth').draggable({revert:true});
        $('#target').droppable({
            drop: function( event, ui ) {
            $( this ).class('background-color', '" . $id . "');

        });
    });
    </script>"; ?>
4

1 に答える 1

2

background-colora のdroppableを、ドロップされたbackground-colorのに設定する例を次に示します。draggable

​$('​​​​​​​.draggable').draggable({
    revert: true
});
$('.droppable').droppable({
    accepts: '.draggable',
    drop: function(event, ui) {
        var bgColor = $(ui.draggable).css('backgroundColor');
        $(this).css('backgroundColor', bgColor);
        $(ui.draggable).remove();
    }
});​​​​​​​​​​​​​​​​​​​

実際の例: http://jsfiddle.net/EyKnr/

データベースからを取得している場合は、私の例の変数を適切な値でbackground-colorサブするだけです。bgColor

于 2012-05-24T15:46:28.000 に答える