jquery - 试图改变 UL LI 背景颜色 jquery

Question

我正在尝试使用 jquery 更改单击的 UL LI 链接；它仅适用于悬停事件，不适用于点击事件。请在下面查看我的代码：

$("nav ul li").hover(function() {
    $(this).find('a').css('color', '#FF0');
}, function() {
    $(this).find('a').css('color', '#FFF');
});

$("nav ul li").click(function() {
    $(this).find('a').css('color', '#FF0');
    $(this).find('a').siblings().css('color', '#FFF');
});

Answer 1

可能，如果单击了您的锚点，那么您正在导航到其他页面，如果由于某种原因您要避免它并按照自己的方式做事，请阻止锚点单击的默认导航操作（导航）

$("nav ul li a").click(function(e) {
    e.preventDefault();
});

Answer 2

$(function() {                       //run when the DOM is ready
 $(".clickable").click(function() {  //use a class, since your ID gets mangled
  $(this).addClass("active");      //add the class to the clicked element
 });
});

使用这种方法，您可以简单地在单击时用一组新属性替换该类。