无法选择 link_to 标记作为 jquery 选择器 Rails

Question

我是一名初学者 Rails 开发人员。我得到了这个带有“cmets_link”类的link_to标签

%h2= link_to pluralize(@recipe.comments.count, "Comment"), "#", class: "comments_link , btn btn-success"

现在，我在 application.js 中写道

$(document).ready(function(){
  $(".comments_link").click(function(){
    $(".section").toggle();
  });                               
})

这段代码的问题是，无论我为点击事件选择什么元素，它都能正常工作。但是当我使用.comments_link 类时，它不起作用。为什么会这样？

除了link_to 标签之外的任何东西都可以作为事件监听器。我需要向它添加某种代码吗？

顺便说一句，我做了相反的尝试，但它确实有效。当我单击该部分时，它会切换链接。但是链接不能是事件监听器。

$(document).ready(function(){
  $(".section").click(function(){
    $(".comments_link").toggle();
  });                               
}); <-- this one worked. I cant use ".comments_link" as event listener.

Answer 1

您在类名中有一个逗号，我认为这会使类名无效。检查开发人员工具以检查元素以查看 .comment_link 是否实际存在。如果不是，请删除逗号并重试

Answer 2

假设这是 turbolinks 的问题，您可以通过阻止事件处理程序中单击的默认操作来解决此问题（无论如何这是个好主意）：

$(document).ready(function(){
  $(".comments_link").click(function(e){
    e.preventDefault();
    $(".section").toggle();
  });                               
})