如何在某些值上實現'if'？

-2

再次，我是jquery的新手，並試圖讓這個辦公空間計算器工作。當我的「total」值更改時，我想要使用單獨的動畫。如果選擇1並選擇「calculate」，則播放動畫。如何在某些值上實現'if'？

$(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'？

回答

相關問題