在jQuery中拖动不起作用？

Question

我有一个图像，我想在图像拖动时更改图像，但它不会？

我正在使用这个jQuery：

$( "#draggable" ).draggable({
    revert: true,
    drag: function(event, ui) {
        $( this )
            .addClass( "choppedonion" )
            .find( "section.onion" )
                .html( "" );
    }
});

然后是这个HTML：

<section class="onion" id="draggable"></section>

为什么不工作？该部分使用背景图像来显示。

Answer 1

这对我有用：

$("#draggable").draggable({
    revert: true,
    start: function() {
        $(this).addClass("choppedonion")
    },
    stop: function() {
        $(this).removeClass("choppedonion")
    },
    drag: function(event, ui) {
        //whatever
    }
});

http://jsfiddle.net/bykMt/