點擊鏈接加粗鏈接

我想要使用jquery在點擊鏈接時將我的超鏈接改爲粗體，並在點擊另一個鏈接時將其切換回正常狀態。點擊鏈接加粗鏈接

這些都是我想點擊

<div id="secondlevel"> 
      <ul> 
       <li><span><a href="NewReleases.aspx?catalogueCode=cat1">New Releases</a></span></li> 
       <li><span><a href="BestSellers.aspx">Best Sellers</a></span></li> 
      </ul>

鏈接這是我的查詢，我覺得應該工作，但沒有。

也許可以提供建議。

$(document).ready(function() { 
    $("li").on("click", function() { 
     $(this).siblings("li").css("fontWeight", "normal"); 
     $(this).css("fontWeight", "bold"); 
     window.alert("The link was clicked"); 
    }); 
});

來源

2013-04-26 Arianule

你是什麼意思是「應該工作，但不」嗎？你期望會發生什麼，而發生什麼呢？ – yoozer8 2013-04-26 12:36:41

爲什麼你不使用CSS？，順便說一句，你的頁面刷新，對吧？那種情況下，這就是爲什麼你的jQ不起作用。 – 2013-04-26 12:36:58

@roXon，他通過jQuery改變了CSS。 – smerny 2013-04-26 12:38:09

使用e.preventDefault()防止默認動作：

$("li").on("click", function (e) { 
    e.preventDefault(); 
    $(this).siblings("li").css("fontWeight", "normal"); 
    $(this).css("fontWeight", "bold"); 
    window.alert("The link was clicked"); 
});

Demo

來源

2013-04-26 12:40:16

試試這個：

$(document).ready(function() { 
    $("li").on("click", function() { 
     $(this).siblings("li").find('a').css("font-weight", "normal"); 
     $(this).find('a').css("font-weight", "bold"); 
    }); 
});

來源

2013-04-26 12:38:49

點擊鏈接加粗鏈接

回答

相關問題