Question

我是coffeescript的新手，但是当我点击我的网页时，我想要发生一些事情。

问题是，我无法弄清楚如何发生超过4个事件。这是我现在的代码：

ready: ->
$("#titleDD").click ->
  $("#titleDD").css('border', '3px solid #D0D0D0');
$("#catDD").click ->
  $("#catDD").css('border', '3px solid #D0D0D0');
$("#titleDD").click ->
  $("#catDD").text("hellow world");
$("#catDD").click ->
  $("#titleDD").css('border', '1px solid #D0D0D0');
$("#titleDD").click ->
  $("#catDD").css('border', '1px solid #D0D0D0');

按原样，它将更改边框并更新文本。但是，最后一行不起作用。当我点击titleDD时，catDD的边框不会回到1px。有谁知道为什么？如果我切换代码的顺序，它总是前4次点击有效，第五次点击不是。

我试图让另一个准备好： - ＆gt;声明，但这使它没有任何作用。

Answer 1

尝试将2个处理程序下的语句联合起来而不是多个用于相同CSS选择器的语句：

ready: ->

$("#titleDD").click ->
  $("#titleDD").css('border', '3px solid #D0D0D0');
  $("#catDD").css('border', '1px solid #D0D0D0');
  $("#catDD").text("hellow world");

$("#catDD").click ->
  $("#catDD").css('border', '3px solid #D0D0D0');
  $("#titleDD").css('border', '1px solid #D0D0D0');

Coffeescript功能不起作用

1 个答案: