【问题标题】:JQuery addClass Function Within addClass FunctionjQuery addClass 函数内的 addClass 函数
【发布时间】:2015-01-04 15:12:46
【问题描述】:

点击时 h1 变为绿色,但 h2 不变为红色。据我所知,语法是正确的,所以不知道为什么。

CSS:

.red 
{
    color:red;
}

.green 
{
    color:green;
}

jQuery:

 $("h1").click(function(){ 

      $("h1").addClass("green", function(){

        $("h2").addClass("red");

      });
    });

【问题讨论】:

  • h2 的子h1
  • addClass 采用类名或函数,而不是两者
  • $("h1").addClass("green", function(){ $("h2").addClass("red"); }); 没有意义,你在这里期待什么?我猜您将 jQuery UI addClass() 与 jQuery one 方法混淆了。包括 jQuery UI,您的代码按预期工作:jsfiddle.net/0q81wc61
  • addClass 是同步的,它不需要回调,但它确实有一个,但不是为了那个用途
  • 谢谢,@a-wolff。我不确定我做错了什么。我应该提到我希望执行 h1,然后执行 h2。非常感谢!

标签: jquery chaining


【解决方案1】:

addClass1 函数只接受一个参数:类或函数。改为这样做:

$("h1").click(function(){ 

  $("h1").addClass("green");
  $("h2").addClass("red");
});

【讨论】:

  • 谢谢!虽然我应该指定我想链接它们,即 h1 更改,然后是 h2。看起来@a-wolff 搞定了。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-17
  • 1970-01-01
  • 2020-03-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多