我的js文件有问题。
这是我的Js代码。

<script type="text/javascript">
 $(document).ready(function()
   {

    $(".abc").click(function()
    {
     $(this).addClass('testingClass');
    });
    $(".testingClass").click(function()
    {
      alert("hiiiiiiiiiiiiiiiiii")

    });
  });
</script>


我的HTML:

<button class="abc">Demo</button>


当我在浏览器中加载此页面时,addClass函数成功执行并添加了名为“ testingClass”的新类。

但是,当尝试再次单击该按钮(表示:class =“ testingClass”)时,警报功能将不起作用。有什么错误。

JS是否不支持元素的频繁执行?
有人请帮助我。

脚步..


一键式的类名为abc
单击它时,一个ajax函数将当前时间存储在数据库中。(ajax函数不在堆栈代码中)。
成功的ajax响应后,按钮类更改为testingClass。
现在按钮的类名称为testingClass
一段时间后,再次单击Button(类名为:testingClass),我想用当前的单击时间调用ajax函数并将值存储在数据库中。
然后,Button类的名称将更改为old(abc)。

最佳答案

您需要event delegation来动态添加元素

$(document).on("click",".testingClass",function()
 {
   alert("hiiiiiiiiiiiiiiiiii")

 });


Event delegation

08-28 02:20