0

誰かがこれで私を助けてくれることを願っています、

3 つの正方形があり、それらの正方形で animate を使用したいのですが、">" または ">" などの演算子を使用します。

しかし、私はこれをどのように実装できるかわかりません。

クリック機能は機能しますが、最初の div がアニメーションを実行しているときに 2 番目の div をクリックすると、両方の div が展開されることがわかります。目的は、最初の div が展開されたときに他の div が展開されないことです。試してみてください

    $(function () {
       $("#square1").on("click", function () {
        if ($("#square2").css('width') == '500px') {
            $("#square2").animate({
                width: "50"
            }, 1000);
            $("#square1").animate({
                width: "500"
            }, 1000);
        } else if ($("#square1").css('width') == '500px') {
            $("#square1").animate({
                width: "50"
            }, 1000);
        } else {
            $("#square1").animate({
                width: "500"
            }, 1000);
                }
            });
        });
$(function () {
    $("#square2").on("click", function () {
        if ($("#square1").css('width') == '500px') {
            $("#square1").animate({
                width: "50"
            }, 1000);
            $("#square2").animate({
                width: "500"
            }, 1000);
        } else if ($("#square2").css('width') == '500px') {
            $("#square2").animate({
                width: "50"
            }, 1000);
        } else {
            $("#square2").animate({
                width: "500"
            }, 1000);
        }
    });
});
$(function () {
    $("#vierkant").on("click", function () {
        if ($("#square1").css('width') == '500px') {
            $("#square1").animate({
                width: "50"
            }, 1000);
            $("#square2").animate({
                width: "50"
            }, 1000);
        }
    });
});

http://jsfiddle.net/c34Ha/

前もって感謝します

4

1 に答える 1

1

追加することにより、他のdivをアニメーション化する前に、divのいずれかがアニメーション化されているかどうかを確認できます

if (!$("#square1").is(':animated')) {
    // do stuff
}

http://jsfiddle.net/c34Ha/1/

于 2013-04-21T20:01:15.380 に答える