javascript - 连续点击失败- Jquery

Question

我对这个 javascript 有一个奇怪的问题(ldelim 和 rdelim 在使用 smarty 时用于花括号)

$('#bouton').on('click',function() {ldelim}
        event.preventDefault();
        $.post(url,data,function(callback_data){ldelim}
                  ....
       {rdelim});
{rdelim});

此脚本将显示一个不可见的 div 标记('#thisdiv')。然后我添加了

$('#thisdiv').on('click',function() {ldelim}
            event.preventDefault();
            $.post(url,data,function(callback_data){ldelim}
                      ....
           {rdelim});
{rdelim});

但是点击“#thisdiv”时没有任何反应(即使我在“#thisdiv”的点击功能中抑制了任何内容并发出了警告消息)。有人可以帮忙吗？

编辑:在第一次调用之前，在第一次调用之后，我们删除了“invisible”类(“invisible”类是一个显示无类)

Answer 1

#thisdiv 在此代码运行时不存在 - 因此它无法附加事件。您需要向上级委派文档。例如:

$(document).on('click','#thisdiv',function(){...});

或者如果有一个正在加载的父元素，您可以将其用作 anchor :

$('#theparent').on('click','#thisdiv',function(){...});

jquery.on documentation