首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在ForEach Loop Laravel回复系统中防止my jQuery中的循环

在ForEach Loop Laravel回复系统中防止my jQuery中的循环
EN

Stack Overflow用户
提问于 2020-04-03 14:27:50
回答 1查看 62关注 0票数 0

我正在为我的回复部分构建一个.toggle函数。基本上,点击‘回复’->一个带有回复按钮的文本框出现在特定的评论中。

我的回复部分显示:无

代码语言:javascript
复制
 <div class="replyArea" style="display:none;" id="replyArea-{{ $comment->id }}">
      //code      
 </div> 

在foreach循环中是我的$comment->回复,每个回复都有一个回复按钮

代码语言:javascript
复制
<a href="#" class="replyBtn">reply</a>

我的jQuery很简单

代码语言:javascript
复制
$('.replyBtn').click(function(e) {

        commentId = $(this).closest('div').data('id');
        var id = '#replyArea-' + commentId;     
        $(id).toggle();
    })

这在FrontEnd中是有效的,但当我在控制台上记录'replyBtn‘时,它被调用了8-9次,这取决于回复的数量,因为所有的回复按钮都有相同的类。如果jQuery为每个回复按钮设置一个唯一的ID会更好,但我目前不知道如何做到这一点。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-04-03 17:16:07

好的。只要意识到我是个笨蛋。

我在一个名为‘jQuery’的刀片中进行显示,它包含在我的'show‘刀片中。所以布局看起来有点像这样:

包含commentdisplay.blade.php (@ show.blade.php commentdisplay.blade.php)

这就是为什么每当我在我的commentdisplay.blade中执行jQuery时,我都会得到一个循环的console.log。现在我已经把它移到了show.blade.php,一切都很好。

感谢大家的回复和建议!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61006185

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档