-1

だから私はcssアニメーションを扱っています.javascriptでは、次のコードでアニメーションを開始および停止できます:

element.style.webkitAnimationPlayState="paused";
element.style.webkitAnimationPlayState="running";

今、私はそのように見えるいくつかのJqueryを持っています:

$(".info").click(function(){
    $it = $(this).closest(".thing");
    //how can I use the above javascript on the specified jquery element?
});

私の質問はコードのコメントにあります。これは可能ですか？そしてどうやって？

これは、それがどのように機能していないかを示すjsfiddleです

4

4 に答える 4

3

これ$ltは jQuery ラッパー オブジェクトであり、dom 要素の参照ではありません。インデックス 0 を使用して dom 要素の参照を取得できます。

$it[0].style.webkitAnimationPlayState="running";

デモ:フィドル

またはjQuery が提供する.css()を使用してスタイル値を設定します

$it.css('webkitAnimationPlayState', 'running');

デモ:フィドル

于 2013-10-04T05:12:57.690 に答える
0

$it は配列です。したがって、要素が1つしか含まれていない場合は、次のことができます。

$it[0].style.webkitAnimationPlayState="running";

$it に複数の要素が含まれていて、このスタイルを各要素に適用する場合は、

$($it).each(function(){this.style.webkitAnimationPlayState="running";});
于 2013-10-04T05:14:20.407 に答える
0

アニメーションを一時停止したい (そして一時停止した時点から再開したい) 場合は、次の CSS プロパティを使用して再生状態を切り替えることができます。

.paused {
   -ms-animation-play-state:paused;
   -o-animation-play-state:paused;
   -moz-animation-play-state:paused;
   -webkit-animation-play-state:paused;
  animation-play-state: paused;
}

その後、jquery を使用して、一時停止したクラスを切り替えることができます。

$(".info").click(function(){
    $it = $(this).closest(".thing");
    $it.toggleClass("paused");
});
于 2013-10-04T05:10:57.647 に答える
0

これを行うには、jquery要素の CSS プロパティを使用できます 。

$(".info").click(function(){
    var $it = $(this).closest(".thing");
    alert($it.text());
    $it.css({"webkitAnimationPlayState":"running"}); 
});

デモ：

于 2013-10-04T05:15:49.877 に答える