Question

我正在尝试在<video>标记中添加一个类。但奇怪的是，班级没有增加。我知道这可以在其他机器上运行，但不适用于我的机器。有什么理由不行吗？请参阅下面的代码：

$(document).ready(function() {
  $('video').addClass('glow');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<video class="reponsive" src="..." height="400" width="600"></video>

Answer 1

您的glow课程确实已添加上述代码。

您可以通过选中该元素包含 $('video').hasClass('glow') 的类来确认：

＆＃13;

$(document).ready(function() {
  console.log($('video').hasClass('glow'));
  $('video').addClass('glow');
  console.log($('video').hasClass('glow'));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<video class="reponsive" src="..." height="400" width="600"></video>

＆＃13;

如果您没有看到相同的结果，则可能存在JavaScript冲突。

Answer 2

您的视频是否在加载页面后动态添加？如果是这样，我已成功使用此方法。补充说明解释。

//this is the same as a document ready function, but less typing
$(function() {
  //naming interval for later use, and setting that interval
  var myInterval = setInterval(function() {
    //add class glow to video tag(s)
    $('video').addClass('glow');
    //check if any video tag has class glow
    if($('video').hasClass('glow')) {
      //if it does, clear the interval so it stops running
      clearInterval(myInterval);
    }
  //4 milliseconds is the shortest interval available as of today
  },4);  
});

jquery中的addClass（）不支持视频标记

2 个答案: