javascript - onclick 需要双击

Question

当在 JavaScript 中使用 onclick 调用函数 nowClicked() 时，我需要点击对象两次才能显示警报。下面是我的函数的代码。

function nowClicked() {

  $('.object').click(function() {

    $('.object').removeClass("clicked");
    var myClass = $(this).attr("id");
    alert(myClass);

    $(this).addClass("clicked");

    e.stopImmediatePropagation();

  });
};

问题是什么？

Answer 1

这是您第一次单击按钮时发生的情况:

1. nowClicked 被调用是因为您已经在按钮的 onclick
上设置了它
2. nowClicked 为 .object 设置一个 jQuery 点击处理程序

jQuery 单击处理程序内部的代码仅在您下一次单击按钮时运行。

您似乎混淆了两种处理点击的方式——一种是使用 onclick 事件，第二种是使用 jQuery。您需要选择一个并坚持使用它，而不是同时使用两者。