Jquery 在ajax调用之后，单击是滞后的

ajax调用之后，我的侧边栏变长了

我的代码：

$(document).ready(function () {
      $.post("<?php echo $baseurl;?>/api-cart-top.php",{ 
        unique: "<?php echo $unique;?>"
      },
      function(data) {
        $('#cartoon').html(data);
      });
      $('.rnd').on('click','#openside',function(){
          $('#sidebar').removeClass('active');
      });
      $('.rnd').on('click','#closeside',function(){
          $('#sidebar').addClass('active');
      });
});

这只有在没有ajax调用的情况下才有效。

这里有一些微妙的东西

.rnd

包括

#卡通

，其中包括

#openside

/

#closeside

现在

#卡通

在定义处理程序几毫秒后刷新

您可以使用委托保护处理程序的“事件负责”静态元素…
但不是“动态奴隶”的

尝试：

---

对于

#closeside

（我希望在文档中的给定时间内是唯一的）也是一样的。

是

.rdn

是

#cartoon

的孩子吗？在ajax请求之后可能没有响应。。。迟缓的嗯。。。你能描述一下吗？@Louyspatricebesette编辑的代码。试图打开侧菜单（购物车），但如果我删除了卡通，它就会出现延迟，那么一切都没问题。所以我认为是ajax调用导致了lagg，而我不明白laggy的问题。它应该是关于单击不工作。什么是

.rnd

？@louyspatricebesette

有类rnd。。这一定是ajax的问题。仍然落后。每次刷新并单击#openside它都会延迟很多时间。控制台中有什么有趣的东西吗？控制台中没有。嗯。。我不知道点击

#openside

有什么作用。但是点击事件发生了。从你发布的内容来看，没有问题。

<div class="total-cart total-cart-2 f-left rnd">
    <div id="cartoon" class="mini-cart">
        <?php include("api-cart-top.php"); ?>
    </div>
</div>

<div class="total-cart-in">
    <div class="cart-toggler">
        <a href="#" id="openside" class="active">
            <span class="cart-quantity">1</span><br>
            <span class="cart-icon">
                <i class="zmdi zmdi-shopping-cart-plus"></i>
            </span>
        </a>                            
    </div>
    <nav id="sidebar" class="active">
        <div class="sidebar-header">
            <div style="display: flex;">
                <h3><i class="zmdi zmdi-close-circle-o" id="closeside"></i></h3>
                <h3 style="padding-left: 25px;">Cart</h3>
            </div>
        </div>
    </nav>
</div>

$('#openside').on('click',function(){/* code inside */}

$('.rnd').on('click','#openside',function(){
  $(document).find('#sidebar').removeClass('active');
});