Javascript 使用jQuery在文本中淡入淡出

当文本发生变化时，有没有办法使其褪色？我正在使用jQuery的html（）函数。我曾尝试使用fadeOut（）进行此操作，但现在它在fadeIn和fadeOut之间来回移动

请让我知道是否有更好的方法来做到这一点，不断检查浏览器的大小是否比检测宽度是否是一个特定的大小更糟糕

$（函数（）{
函数screenClass（）{
如果（$（window）.width（）我还不能评论…
我已经克隆了你的小提琴，并稍微修改了javascript代码


$（函数（）{
是=正确；
否=真；
函数screenClass（）{
if（$（窗口）.width（）<500&&yes==true）{
$（“.ok span”）.fadeOut（函数（）{
$（this.fadeIn（）.html（“否”）；
是=假；
否=真；
});
}else如果（$（窗口）.width（）>=500&&no==true）{
$（“.ok span”）.fadeOut（函数（）{
$（this.fadeIn（）.html（“是”）；
是=正确；
否=假；
});
}
}
$（窗口）.bind（'resize'，function（）{
screenClass（）；
});
});

我添加了两个变量，以防止在调整大小时出现持续的闪烁效果。
谢谢兄弟，这帮助我解决了这个问题
$(function() {
  yes = true;
  no = true;

  function screenClass() {
    if ($(window).width() < 500 && yes == true) {
      $(".ok span").fadeOut(function() {
        $(this).fadeIn().html("no");
        yes = false;
        no = true;
      });
    } else if ($(window).width() >= 500 && no == true) {
      $(".ok span").fadeOut(function() {
        $(this).fadeIn().html("yes");
        yes = true;
        no = false;
      });
    }
  }
  $(window).bind('resize', function() {
    screenClass();
  });
});