javascript - 使用jquery延迟css触发

Question

有没有办法延迟 css 使用 jquery 触发？

我有一些 css 可以在一个 li 的悬停时显示菜单，但它真的很快，我想将它延迟 1 秒左右。

我知道我可以做这样的事情：

$('div#new-menu-lower ul li:hover ul li:first-child ul')
  .delay(800)
  .queue( function(next){ 
    $(this).css('display','block'); 
    next(); 
  });

但是有没有办法保留 css 并使用 JQ/JS 来延迟加载 css 类会更好？

Answer 1

有一种方法。如果您将 CSS 保存在外部文件中，通过link标签引用它，那么在禁用标签元素后，DOM 将停止引用 CSS 中的元素。然后，一旦您想引用元素，您就可以启用该元素。