jquery UI使用UI/Effects/Transfer动态传输img

Question

我正在使用这个JQuery UI组件:

http://docs.jquery.com/UI/Effects/Transfer

我的代码是这样的:

$(".button").click(function () {
  var source = $(this).attr("src");
  $(".ui-effects-transfer").css("background-image", "url("+source+")");  
  $(this).effect("transfer", { to: $(".target") }, 1000);
});

但是这一行不会影响传输脚本:

$(".ui-effects-transfer").css("background-image", "url("+source+")"); 

我怎样才能解决这个问题？

Answer 1

$(".button").click(function () {
  var source = $(this).attr("src");
  $(this).effect("transfer", { to: $(".target") }, 1000); // <- comes first
  $(".ui-effects-transfer:last").css("background-image", "url(" + source + ")");
});

工作实例