javascript - 使用 jquery 延迟 css 触发

Question

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

我有一些 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 中的元素。然后一旦你想引用元素，你可以只启用元素。