Question

当我按下按钮时没有任何反应，颜色是相同的。

HTML：

<div class="fadebox leadstyle-container">
   <p class="button" data-lead-id="button-id">
      <a href="http://..." class="btn leadstyle-link" target="_blank" style="display: block;">Register for a Live Online Event w/ Mark Allen &amp; Dave Scott</a>
   </p>
</div>

JS：

$(document).ready(function(){
$(".btn leadstyle-link").click(function(){
   $(this).css("background-color","#0f6832");

   });
});

我尝试选择div中的所有类和使用JQuery的子项无济于事。如果需要，我也可以提供CSS。

Answer 1

你的选择器不对。该元素有两个类btn和leadstyle-link。所以做这样的事情：

$(".btn").click(function(){
....
}

或

 $(".leadstyle-link").click(function(){
    ....
 }

或正如Archer所提到的，使用交叉点 - example 。

Answer 2

您无法在jQuery中选择多个类。我更正了你的代码：

$(".fadebox").on('click', function(){
       $(".fadebox").backgroundColor='#0f6832';
});

1）我没有使用“this”，因为我对OOP不是很专业。 2）我使用了“backgroundColor”（JavaScript）。 3）事件（在准备文件上）是无用的，因为愚蠢的事件在其他事件中。 4）您无法更改“A”元素的backgroundColor，我认为您的按钮是使用“div”（类Fadebox）创建的。

尝试使用代码查看是否有此功能。

使用JQuery激活时更改颜色的按钮

2 个答案: