0

別々に変更できるため、同じ要素で 2 つの異なるアニメーション キューを実行したいと考えています。

1本目は標準のfxキューを使っているので、2本目はカスタムキューを使うことにしましたが、アニメーションが始まらない。

jQuery doc には、少なくとも jQuery 1.7 が必要であり.dequeue()、カスタム キューの場合は手動で呼び出す必要があると書かれていますが、その点は問題ありません。

だから、ここに私のコードがあります：

var css = {
    'margin-top' : '50px',
    'margin-left' : '50px'
}

$("#myDiv").stop("customQueue").animate(css, {
    duration: 400,
    queue: "customQueue"
}).dequeue("customQueue");

これはまったく何もしません（jsエラーもありません）。

これは正常に機能しますが（ただし、アニメーションはありません）。

var css = {
    'margin-top' : '50px',
    'margin-left' : '50px'
}

$("#myDiv").css(lCss);

誰かが私が間違っていることを知っていますか?

編集:私がここでやろうとしているのは、関数ではなく、jQuery documentationで説明されているようにqueue、関数のオプションを使用することです。jQuery.animate()jQuery.queue()

EDIT 2: @Balint の変更を入れる

4

2 に答える 2

1

構文を修正する

var css = {
    'margin-top' : "50px",
    'margin-left' : "50px"
}

$("#myDiv").stop("customQueue").animate(css, {
    duration: 400,
    queue: "customQueue"
}).dequeue("customQueue");

jsフィドル

于 2013-07-05T09:17:29.277 に答える