状态变化后jQuery函数消失

Question

当用户将鼠标悬停在图像上时，我使用jQuery的transfer()将图像移动到中心画框。下面是应该发生的事情：

1. 用户将鼠标悬停在缩略图上。
2. 缩略图转移到页面中心的画框。
3. 缩略图消失了。
4. 用户悬停在第二个缩略图上。
5. 此缩略图取代中间帧中的其他图片，第一缩略图再次出现。
6. 用户再次停留在第一个缩略图上。
7. 重复步骤2-3.

所有步骤1-5都在我的代码中工作，您可以在这个jsFiddle中看到这一点。第6-7步不起作用.这就好像传输代码是从图像中移除的步骤2和步骤3一样。

Answer 1

之所以发生这种情况，是因为您使用one方法绑定事件。我把它修好了看看这个小提琴这里

码

var imgPath = new Object;
imgPath["gen"] = "http://techfeed.net/dyany.com/images/genealogyLarge.png";
imgPath["bo"] = "http://techfeed.net/dyany.com/images/BabyBoSayingOLarge.png";
var lastImage = "";
var transferInProgress = false;
$(function() {

    function runTransfer(imgID) {
        if(transferInProgress)
            return;
        transferInProgress  = true;
        var options = { to: "#picFrame", className: "ui-effects-transfer" };

        // run the transfer
        $("#"+imgID).effect("transfer", options, 1000, afterTransfer(imgID));
    };

    function afterTransfer(imgID) {
        setTimeout(function() {
            $("#picFrame").html('<img src="'+imgPath[imgID]+'">');
            $("#"+imgID).hide();
            if ((lastImage != "") && (lastImage != imgID)) {
                $("#"+lastImage).show();
            }
            lastImage = imgID;
            transferInProgress = false;
        }, 1000);
    };

    $("#gen, #bo").mouseover(function(){runTransfer(this.id); return false; });
});