我的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