如何使用jQuery拖放生成的图像

这是我的密码：

$(document).ready(function() {

    $('#add_btn').click(function() {  
    var src$ = $('#img_loc').val();
    $('<img>').attr({
        src: src$,
        class: 'canDrag'}).appendTo($('#work_area'));
    });

    $('.canDrag').hover(
        function() {
            $(this).addClass('dragMe');
        },
        function() {
            $(this).removeClass('dragMe');
        }
    );

    $('.canDrag').draggable();
    $('.dropSpace').droppable({
        accept:'.canDrag'
    });
});

---

jquery和jquery ui的目录路径都是正确的，但我仍然无法使用“canDrag”类拖动图像。有什么想法吗？

创建图像后需要调用初始化代码。目前，当您创建一个新图像时，它是全新的，并且没有附加您的事件。试着这样做：

$('#add_btn').click(function() {  
    var src$ = $('#img_loc').val();
    $('<img>').attr({
        src: src$,
        class: 'canDrag'
    }).appendTo($('#work_area'));

    $('.canDrag').hover(
        function() {
            $(this).addClass('dragMe');
        },
        function() {
            $(this).removeClass('dragMe');
        }
    );

    $('.canDrag').draggable();
    $('.dropSpace').droppable({
        accept:'.canDrag'
    });
});

---

@Joseph初始化可拖动方法是个问题。谢谢你的帮助！