提问者:小点点

所有图片对象的jQuery click事件触发器


对于我的项目,我正在尝试通过单击每张图片下的“查看注释”来显示图片注释。问题是当我点击查看一张图片的评论时,它会触发并打开所有图片的“查看评论”部分。有人能帮忙吗!

jQuery:

$('.headingone').click(function(event){
  event.preventDefault();
  var b = $(this).attr("data-target");
  $(b).toggle("slide");
});

HTML:

<h5 href="" class="headingone"  data-target=".menu">View Comments</h5>
<div class="menu" data-id="{{item.pk}}" style="display:none">
  {% for i in item.piccomments.all %}
    <p class="paratwo" style="margin:0px;"><strong>{{i.author}}</strong> said "{{i.text}}"</p>
  {% endfor %}
</div>

共1个答案

匿名用户

您的data-target指向的是一个类。我想每个菜单都有相同的类。

尝试:

 $('.headingone').click(function(){
    $(this).next().toggle("slide");
 });