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"});
  }
);

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

只是回顾一下我想要的：

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

有什么想法吗？

谢谢。

Answer 1

您应该在页面加载时将 text-decoration: underline; 设置为默认值。通过使用 CSS:

.underline {
    text-decoration: underline;
}

或使用 jQuery（javascript（但为什么？））：

jQuery(document).ready(function($){
    $('.underline').css({'text-decoration' : 'underline'});
});

Answer 2

根据 class（在 style.css 中）创建 css 规则，例如 .newclass{text-decoration:underline;}。然后使用 jQuery 到 addClass。，或 removeClass 进行更改。

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

我希望这是有道理的。

jquery hover 在 wordpress 中无法正常工作

jquery hover not working properly in wordpress

html

javascript

css

wordpress

jquery