如何在ajax加载的数据上隐藏和显示contnet？

Question

我想显示和隐藏使用Ajax加载的数据。

$.ajax({ 
    type: "POST", 
    url: "/swip.php", 
    data: {pid:sldnxtpst,sldnu:sldnu}, 
    success: function(result) { 
     $('.swip').prepend(result); 
    } 
}); 

该数据在用户滚动到底部时加载。

<div>Loaded data on document ready</div> 
<div>Loaded data on ajax </div> 
<div>Loaded data on ajax </div> 
<div>Loaded data on ajax </div> 

数据我想隐藏和显示上点击：上点击显示/隐藏DIV我想切换，comntbxfrm DIV

<div class=".comment-box<?php echo $sldnu; ?>"> display/Hide </div> 
<div class=".comntbxfrm<?php echo $sldnu; ?>">Content </div> 

。它只是不适用于这个脚本。

<script> 
    $(document).ready(function(){ 
    var cmnbxnu = <?php echo $sldnu; ?>; 
     $('.comment-box'+cmnbxnu).each(function() { 
     $(document).on('click','comment-box', function(){ 
      alert(cmnbxnu); 
      $('.comntbxfrm'+cmnbxnu).toggle(); 
     }); 
     }); 
    }); 
</script> 

这让我感到困惑。我应该怎么做才能在Ajax加载的数据上显示和隐藏div。

Answer 1

我想你张贴这个问题，而不重新检查它。请再看看你的问题。也许你可以提供更多关于你所尝试的数据。

可能是这个逻辑可以解决你的问题。

• 首先检查div是否可见，使用jQuery或JavaScript。 （参考：jQuery event to trigger action when a div is made visible）
• 如果div可见，则更改或添加类swip-active。
• 然后使用SCRIPT 01
• 确保你的代码的

结构必须是这样swip-active类只使用一次，在一个页面：

<div class="swip">Loaded data on document ready</div> 
<div class="swip">Loaded data on ajax </div> 
<div class="swip-active">Loaded data on ajax </div> 
<div class="swip">Loaded data on ajax </div> 

SCRIPT 01：

 <script> 
     $(document).ready(function(){ 
      $(document).on('click','.swip-active .comment-box', function(){ 
       $('.swip-active .comntbxfrm').toggle(); 
      }); 
     }); 
    </script> 

我认为是很简单。 :)有很棒的编码！

Answer 2

<div class=".comment-box<?php echo $sldnu; ?>"> display/Hide </div> 
<div class=".comntbxfrm<?php echo $sldnu; ?>">Content </div> 

您需要从类名在类属性中删除的点，就像这样：

<div class="comment-box<?php echo $sldnu; ?>"> display/Hide </div> 
<div class="comntbxfrm<?php echo $sldnu; ?>">Content </div>