jQuery回调在单个元素上多次调用

Question

我正在尝试在jQuery中编写一个小测试库，以下代码不起作用：

$(".image").live("click", function (event) {
    $("#jQueryGallery").data("selected", $(this).attr("id"));
    $("#jQueryGallery").slideUp(1000, slideUpCallback);
});

function slideUpCallback() {
    $("#jQueryGallery").html("");
    $("#jQueryGallery").slideDown();
    var iteration = 1;
    $($("#jQueryGallery").data("xml")).find("picture").each(function () {
        if (iteration == $("#jQueryGallery").data("selected")) {
            $("#jQueryGallery").append("<div style=\"width: 800px; margin: auto; overflow: hidden; padding: 5px; background-color: white;\"><img src=\"albums/" + baseUrl + $(this).children("url").html() + "\"/></div>");
        } else {
            iteration++;
        }
    });
}

我在单击事件和slideUp的回调函数中调用slideUp的行上放置了断点。 click事件只触发一次，尽管回调很多次。 HTML中只有一个带#jQueryGallery内容的标记。

什么可以导致多次调用回调？

由于