jquery懸停在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進行更改。

添加另一個類稱為'hasunderlined'的標題，然后在刪除'newclass'之前，只需檢查'alreadyunderlined'類是否存在。 通過這種方式，您可以確保只有在您第一次將鼠標懸停在標題上時才會更改。

我希望這是有道理的。

Answer 2

你應該設置text-decoration: underline; 頁面加載時為默認值。 通過使用CSS：

.underline {
    text-decoration: underline;
}

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

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