Как реализовать «if» для определенных значений?

-2

Снова я новичок в jquery и пытаюсь заставить этот калькулятор офисного пространства работать. Я хочу использовать отдельную анимацию, когда меняет значение «total». Как если бы выбрали 1 и выбрали «calculate», сыграйте в анимацию.Как реализовать «if» для определенных значений?

Here where my widget is

$(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"); 
     } 
    }); 
})

источник

2013-05-22 Ishmael Bennett

Так что ваш вопрос? – vlio20

Как получить кнопку Вычислить, чтобы играть различные анимации, когда выбирается другое значение? –

Я подумайте, что я здесь ошибаюсь: if ('#total' == 1) { Я пробовал! = 1, но все, что, похоже, происходит, это одни и те же анимационные игры: http://clarencehouseuk.com/#accommodation Я хочу, чтобы каждое значение воспроизводило другую анимацию при нажатии кнопки #calculate? –

Если я вас правильно понимаю, что вам нужно сделать, это: $('#total').val(), если он является редактируемым входной тип элемента (например, <input id='total' type="text">). . Если это просто текст внутри элемента (как <span id="total">1<div>') what you need to do is: $ ('# общий') текст() `, чтобы получить текст

вот полный треска:.

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

}

или

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

}

надежда это то, что вы просили.

источник

2013-05-22 19:03:06 vlio20

Привет, Влад, да, отлично работал, мне пришлось изменить .val на .text, но да, спасибо за помощь. –

без проблем !, есть хороший – vlio20

Как реализовать «if» для определенных значений?

ответ

Смежные вопросы