【问题标题】:When reset-btn is clicked, calculate-btn stops and then does not work单击reset-btn时,calculate-btn停止,然后不起作用
【发布时间】:2014-07-09 15:18:12
【问题描述】:

点击reset-btn时,计算开始后停止,但之后不再计算。如何使用restart-calculate-btn?单击reset-btn 并在两个选项都被选中后停止calculate-btn calculate-btn 动画...calculate-btn 始终是不透明度1

 $(document).ready(function(){
    var count = 0;
    $(".choose").change(function(){
        count++;
        if(count ==2){
        blink();
        }
    });
    function blink() {
        $(".calculate-btn").animate({
        opacity: '0'
        }, function(){
        $(this).animate({
        opacity: '1'
        }, blink);
        });
    }
    $(".reset-btn").click(function(){
        $(".calculate-btn").stop();
    });
   });

 <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>

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

【问题讨论】:

  • 你能解释更多吗?问题不清楚。
  • yes 计算-btn 停止当 rest-btn 被单击时下一个选择选项是 seletec 没有工作计算按钮动画如何使用
  • 像这样:jsfiddle.net/3jLAZ/25

标签: jquery css


【解决方案1】:

使用以下代码

$(".form-contol").change(function(){
blink();
});

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

$(".reset-btn").click(function(){
 $(".calculate-btn").stop().animate({opacity:1});
});

【讨论】:

  • 两个选择选项 getselected 开始动画计算-btn
  • 朋友,你明白我的回答吗?
  • 1.calculate-btn 是动画的。 2.reset-btn是点击calculate-btin是动画停止(calculat-btn是opcity:1;)。 3. 计算-btn 开始动画。
【解决方案2】:

您可以使用 .stop() 来停止动画。

$("#reset").click(function(){
    $(".calculate-btn").stop()
    .css('opacity' , 1);
});

演示:http://jsfiddle.net/3jLAZ/28/

我希望这就是你要找的。​​p>

【讨论】:

  • 你的回答是不行,我想要两个选择的选项开始动画 cal-butoon 和 reset-btn click stop calculate-btn...
  • 接下来谢谢你的回答.. 解决我的问题
  • @ ကစ္စပ နဒီ 让我明白这一点..当您单击一个选项时,您的计算按钮应该开始动画,当单击重置时它应该停止。对吗??
  • 这正是我所做的
  • 我的意思是 1.calculate-btn 是动画的。 2.reset-btn是点击calculate-btin是动画停止(calculat-btn是opcity:1;)。 3. 计算-btn 开始动画。
猜你喜欢
  • 2014-06-04
  • 2020-07-11
  • 1970-01-01
  • 2015-10-09
  • 2014-01-03
  • 1970-01-01
  • 2021-06-08
  • 2018-06-10
  • 2014-07-29
相关资源
最近更新 更多