我正在为我的回复部分构建一个.toggle函数。基本上,点击‘回复’->一个带有回复按钮的文本框出现在特定的评论中。
我的回复部分显示:无
<div class="replyArea" style="display:none;" id="replyArea-{{ $comment->id }}">
//code
</div> 在foreach循环中是我的$comment->回复,每个回复都有一个回复按钮
<a href="#" class="replyBtn">reply</a>我的jQuery很简单
$('.replyBtn').click(function(e) {
commentId = $(this).closest('div').data('id');
var id = '#replyArea-' + commentId;
$(id).toggle();
})这在FrontEnd中是有效的,但当我在控制台上记录'replyBtn‘时,它被调用了8-9次,这取决于回复的数量,因为所有的回复按钮都有相同的类。如果jQuery为每个回复按钮设置一个唯一的ID会更好,但我目前不知道如何做到这一点。
发布于 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,一切都很好。
感谢大家的回复和建议!
https://stackoverflow.com/questions/61006185
复制相似问题