拖动显示中的字母后，排序图像功能无效

Question

我有一段代码允许将字母拖到白色方块上，我有一个按字母顺序对它们进行排序的功能。

我的问题是执行sort()功能的按钮不起作用：当我拖动图像时，我想点击按钮并对其进行排序。但是，单击按钮进行排序时没有任何反应。

这是代码：

$(function sort(){
    var order = ['a', 'b', 'c', 'd','e','f', 'g','h'];

    $('img').parent().each(function(x) {
        $('#'+order[x]).appendTo($(this));
    });
});

function drag(ev) {
    ev.dataTransfer.setData("Text", ev.target.id);
}
function drop(ev) {
    var id = ev.dataTransfer.getData("Text");
    if (!$(ev.currentTarget).find("img")[0])
        ev.target.appendChild(document.getElementById(id));
    ev.preventDefault();
}
function allowDrop(ev) {
    ev.preventDefault();
}

http://jsfiddle.net/gkKHN/3/

Answer 1

http://jsfiddle.net/gkKHN/6/

只需将sort()移到$()之外，因为您只是声明了该函数，而在DOM加载时没有做任何事情