-2

繰り返しますが、私はjqueryを初めて使用し、このオフィススペース計算機を機能させようとしています。total" " の値が変化したときに別のアニメーションを使用したい。同様に1を選択して「calculate」を選択すると、アニメーションを再生します。

ここに私のウィジェットがあります

$(document).ready(function () {
    $('#arrow-right').click(function () {
        if (parseInt($('#total').text()) < 3) {
          $('#total').text(parseInt($('#total').text()) + 1);
        }
    });
})
$(document).ready(function () {
    $('#arrow-left').click(function () {
        if (parseInt($('#total').text()) > 1) {
           $('#total').text(parseInt($('#total').text()) - 1);
        }
    });
})
$(document).ready(function () {
    $("#calculate").click(function () {
        if ('#total' == 1) {
            $("#requirements-contact").css("display", "block");
            $("#space-calculator").animate({
                height: '595px'
            }, "slow");
            var div = $("#space-total, #thousands, #hundreds, #tens, #units");
            div.animate({
                display: 'toggle'
            }, "slow");
            div.animate({
                bottom: '-895px'
            }, "slow");
            var div = $("#hundreds");
            div.animate({
                bottom: '-695px'
            }, "slow");
            var div = $("#tens");
            div.animate({
                bottom: '-395px'
            }, "slow");
            var div = $("#units");
            div.animate({
                bottom: '-195px'
            }, "slow");
        }
        if ('#total' == 2) {
            $("#requirements-contact").css("display", "block");
            $("#space-calculator").animate({
                height: '595px'
            }, "slow");
            var div = $("#space-total, #thousands, #hundreds, #tens, #units");
            div.animate({
                display: 'toggle'
            }, "slow");
            div.animate({
                bottom: '-895px'
            }, "slow");
            var div = $("#hundreds");
            div.animate({
                bottom: '-695px'
            }, "slow");
            var div = $("#tens");
            div.animate({
                bottom: '-395px'
            }, "slow");
            var div = $("#units");
            div.animate({
                bottom: '-195px'
            }, "slow");
        }
        if ('#total' == 3) {
            $("#requirements-contact").css("display", "block");
            $("#space-calculator").animate({
                height: '595px'
            }, "slow");
            var div = $("#space-total, #thousands, #hundreds, #tens, #units");
            div.animate({
                display: 'toggle'
            }, "slow");
            div.animate({
                bottom: '-895px'
            }, "slow");
            var div = $("#hundreds");
            div.animate({
                bottom: '-695px'
            }, "slow");
            var div = $("#tens");
            div.animate({
                bottom: '-395px'
            }, "slow");
            var div = $("#units");
            div.animate({
                bottom: '-195px'
            }, "slow");
        }
    });
})
4

1 に答える 1

0

私があなたを正しく理解していれば、あなたがしなけれ$('#total').val()ばならないことは次のとおりです。それが編集可能な入力タイプの要素(のような<input id='total' type="text">)である場合。要素内の単なるテキストの場合 (<span id="total">1<div>') what you need to do is:テキストを取得する $('#total').text()` など)。

ここに完全なタラがあります:

if ($('#total').val() == 3) {
  //do what you need to do...

}

また

 if ($('#total').text() == 3) {
      //do what you need to do...

 }

これがあなたが求めたものであることを願っています。

于 2013-05-22T19:03:06.867 に答える