Question

我希望任何人都可以帮助我，

我有3个正方形，我想在正方形上使用动画但是使用诸如“＆gt;”之类的运算符或“＆gt;”

但我不知道如何实现这个，

点击功能有效，但如果你在第一个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/

提前致谢

Answer 1

你可以通过添加

来检查是否有任何div动画，然后再动画另一个div。

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

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

jquery使用运算符调整div问题

1 个答案: