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

$(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
 });
});

使用此方法，您只需在点击时使用一组新属性替换该类。

Answer 2

也许，如果点击了您的锚点，那么您将导航到其他页面，如果由于某种原因您想要避开它并按照自己的方式行事，请阻止锚点击（导航）的默认导航操作

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

尝试更改UL LI背景颜色jquery

2 个答案: