javascript - jquery hover 在 wordpress 中无法正常工作

Question

所以我的想法是给标题加下划线，悬停时它应该消失，但出于某种原因，我找不到正确的方法。

这是我的代码:

a.attr("href", jQuery('.underlined').attr("href"));    
a.hover(
  function() {
    jQuery(this).css({"text-decoration":"none"});
  },
  function() {
    jQuery(this).css({"text-decoration":"underline"});
  }
);

目前它是这样工作的:当用户加载页面时，标题没有下划线，当用户将鼠标悬停在标题上并将光标移开时，该标题就会有下划线，从那时起它就可以正常工作了。

只是回顾一下我想要的:

1. 标题默认带下划线
2. 当用户将鼠标悬停在标题上时，下划线应该消失

有什么想法吗？

谢谢。

Answer 1

基于类(在 style.css 中)创建一个 css 规则，例如 .newclass{text-decoration:underline;}。然后使用 jQuery 来 addClass . ，或 removeClass 进行更改。

在标题中添加另一个名为“alreadyunderlined”的类，然后在删除“newclass”之前只需检查“alreadyunderlined”类是否存在。这样您就可以确保它只会在您第一次将鼠标悬停在标题上时发生变化。

我希望这是有道理的。