Question

使用jquery-ui的拖放，我希望将一个元素的（div）bg颜色更改为另一个元素（div）的bg颜色，当它被拖放到第一个元素之上时。从数据库中动态检索背景颜色，因此必须使用内嵌样式。我在.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>"; ?>

Answer 1

以下是将background-color的{{1}}设置为放置在droppable上的background-color的示例。

draggable

实例：http://jsfiddle.net/EyKnr/

如果您从数据库中获取$('.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(); } });，则只需使用适当的值将我的示例中的background-color变量包含在内。

droppable（）背景颜色

1 个答案: