1

私はこのJQueryUIコンポーネントを使用しています：

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+")");

どうすればこれを修正できますか？

4

2 に答える 2

5 
$(".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 + ")");
});

実例_

于 2013-04-10T20:33:59.943 に答える
2

.ui-effects-transfer効果が始まるまで、おそらく要素はありません。jqueryフォーラムの@kbwood.auユーザーからの正解は次のとおりです。 

$('.button').click(function() {
    $('#transferEffect').remove(); // Remove any existing one
    $('<style id="transferEffect" type="text/css">' + // Add new one
        '.ui-effects-transfer { background-image: url(' + $(this).attr('src') + '); }' +
        '</style>').appendTo('head');
    $(this).effect('transfer', {to: $('.target')}, 1000);
});
于 2012-06-28T06:01:59.677 に答える