拖入jQuery无法正常工作吗？

Question

I have an image I want to change image when it drags but it won't?

I am using this jQuery:

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

And then this HTML:

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

Why isn't it working? The section uses a background image to show.

Answer 1

This works for me:

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

http://jsfiddle.net/bykMt/