jquery - 当两个列表选项都被选中时，然后用 jquery 闪烁计算按钮

Question

当两个选项都被选中时，我希望计算按钮闪烁。我正在尝试，但它不起作用。选择一个选项后，我应该如何使用闪烁按钮？

   <form>
      <select class="form-contol">
          <option value='0'> Select</option>
          <option value='1'> 1</option>
          <option value='2'> 2</option>
          <option value='3'> 3</option>
     </select>

    <select class="form-contol">
         <option value='0'> Select</option>
         <option value='1'> 1</option>
         <option value='2'> 2</option>
         <option value='3'> 3</option>
  </select>
   <button type="button" class="calculate-btn">Claculate</button>
   <button type="reset" class="reset-btn">Reset</button>
</form>

样式.css

.form-contol{
   background-color: #FFFFFF;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
   color: #555555;
   display: block;
   font-size: 14px;
   height: 34px;
   line-height: 1.42857;
   padding: 6px 12px;
   transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
   vertical-align: middle;
   width: 50%;
   margin-bottom:10px;
 }
  button{
     background-color:transparent;
    background-color: #5CB85C;
    color: #FFFFFF;
    padding:10px;
    border:1px solid #4CAE4C;
    cursor:pointer;
    margin-right:10px;
   }

jquery.js

  $(".form-contol").change(function(){
   $(".calculate-btn").animate();
  });
 $(".reset-btn").click(function(){
       $(".calculate-btn").removeAttr("style");
   });

http://jsfiddle.net/kisspa/3jLAZ/

点击重置按钮后，停止动画，然后闪烁。举个例子。

Answer 1

检查这个 DEMO FIDDLE

$(".form-contol").change(function(){

    blink();
});
function blink() {
    $(".calculate-btn").animate({
        opacity: '0'
    }, function(){
        $(this).animate({
            opacity: '1'
        }, blink);
    });
}

操纵 .animate()的时间，如下添加时间(毫秒)参数。

$(".calculate-btn").animate({
    opacity: '0'
},200, function(){
    $(this).animate({
        opacity: '1'
    },200, blink);
});