1

これが私の単純なjqueryuiコードとhtmlです。

$(document).ready(function(){
    $("img").click(function () {
          $(this).hide("slide", { direction: "left" }, 1000); 
          $(this).show("slide", { direction: "right" }, 1000); 
    });
});

ここにhtmlがあります

<img src="images/logo.png"/>

画像が隠されてから戻ってきます。これを同時に実行したいと思います。

注:あなたはいくつかの同様の質問を提案するかもしれません、私はそれらのいくつかをチェックします、そしてどれも私のために働きませんでした。簡単な解決策を探しています。

4

2 に答える 2

1

これは最もクリーンなアプローチではないかもしれませんが、アイテムを複製してから、複製されたアイテムをアニメーション化することができます。

$("img").click(function() {
    var x = $(this).clone(true);

    $("body").append(x);

    $(this).hide("slide", {direction: "left"}, 1000, function() {
        $(this).remove();
    });
    x.show("slide", {direction: "right"}, 1000);
});​
于 2012-09-14T21:35:05.863 に答える
0

これは単なる例であり、調整が必要ですが、あなたはその考えを理解できると思います。

HTML

<img id="img1" src="image1.jpg">
<img id="img2" src="image2.jpg">

CSS

img{
  width:250px;
  height:200px;
  position: absolute;
}
#img1{
  left:0;
}
#img2{
  left:250px;
}

Javascript

$("#img1").click(function() { 
   $("#img1").animate({left: '-250px'},2000); 
   $("#img2").animate({left: '0'},2000); 
});

</p>

于 2012-09-14T22:10:25.690 に答える