Проблемы с функцией jquery animate()

Я пытаюсь использовать jQuery для анимации каждой кнопки на странице, а затем отображать значение этой кнопки в теге span. JShint не показывает синтаксических ошибок, но код не работает, помощь будет оценена.Проблемы с функцией jquery animate()

JQuery код:

$('button').click(function() { 
    $(this).animate({ 
      'background-color': '#142900', 
      'width': '50px', 
      'height': '30px' 
     }, 
     1000, 
     function() { 
      $('.screen').val($(this).val()); 
     }); 
});

HTML код:

<body> 
    <div class="calculator_area"> 
     <h1>Below you see a fully functional calculator. Ready to get get your hands dirty?!</h1> 
     <span class="screen"></span> 
     <div class="calculator"> 
      <button>1</button> 
      <button>2</button> 
      <button>3</button> 
      <br> 
      <button>4</button> 
      <button>5</button> 
      <button>6</button> 
      <br> 
      <button>7</button> 
      <button>8</button> 
      <button>9</button> 
      <br> 
      <button>0</button> 
      <button>+</button> 
      <button>-</button> 
      <br> 
      <button>x</button> 
      <button>/</button> 
      <button>=</button> 
     </div> 
    </div> 
</body>

источник

2015-06-19 Gocha

$('.screen').val($(this).val());

Должно быть:

$('.screen').text($(this).text());

Поскольку ни ваши <span>, ни <button> элементы имеют свойство value.

источник

2015-06-19 17:28:30

Yay! Он работает, спасибо! – Gocha

@Smartboy Не могли бы вы принять ответ, если он ответит на ваш вопрос? –

Проблемы с функцией jquery animate()

ответ

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