Question

我有一些根据单选按钮选择进行调整的价格。我知道如何根据选择更改数字，但如何让它们同时闪现以吸引用户的眼球？

我试过这个：https://stackoverflow.com/a/11915453/5067193

它适用于第一个单选按钮更改，但不适用于任何后续更改。我想让它在每次单选按钮选择改变时闪烁。

编辑：

我找到了对我有用的答案：

我必须添加一个setTimeout函数，所以现在我的jquery代码看起来像（用$替换jq）：

jq("input:radio").click(function(){
    console.log('radio clicked');

    jq("#price").addClass("flash");

    setTimeout( function(){
        jq("#price").removeClass("flash");
    }, 1000);


});

此刻我的css for flash看起来像是：

.flash{

  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 1;

}

@-webkit-keyframes flash {
    0% { color:transparent;}
    50% { color:#FFF;}        
    100% {color:transparent;}
}

@-moz-keyframes flash {
    0% { color:transparent;}
    50% { color:#FFF;}        
    100% {color:transparent;}
}

@-ms-keyframes flash {
    0% { color:transparent;}
    50% { color:#FFF;}        
    100% {color:transparent;}
}

Answer 1

你可以使用它，但你需要一个“jQuery（selector）.removeClass（”flash“）;”第一。因此，它每次调用时都会移除并添加闪存。

这样的事情：

function $(".flashyRadio").click(function(){

$( "#price" ).removeClass( "flash" ).addClass( "flash" );

})

如何在Jquery中根据单选按钮选择更改数字？

1 个答案: