Javascript Rails jquery新手

我正在学习jquery，并了解如何将js.erb文件链接到控制器操作并使其工作

我无法确定如何获取未链接到控制器操作的按钮来执行某些jquery命令

我有以下表格：

<%= form_for([commentable, Comment.new], remote: true, html: { class: "comment-form", id: "comment-form-#{commentable.id}" }) do |f| %>
  <%= render 'shared/error_messages', object: f.object %>
  <%= f.text_area :content, placeholder: "Add a comment...", rows: 3, minlength: 10, maxlength: 1000 %>
  <button class="btn btn-success" type="submit">Post comment</button>
  <button class="btn btn-default" type="button">Cancel</button>
<% end %>

我想“取消”按钮只是删除表单

您可以使用和来执行此操作

我想“取消”按钮只是删除表单

您可以使用和来执行此操作

我想“取消”按钮只是删除表单

您可以使用和来执行此操作

我想“取消”按钮只是删除表单

您可以使用和来执行此操作

---

您可以向按钮添加一个

id

，以便在

onclick（）

事件中使用它进行选择，代码如下：

HTML:

 <button id="cancel_comment" class="btn btn-default" type="button">Cancel</button>

 //Handling click in button
$(document).ready(function() {
    $("#cancel_comment").click(function() {
       $(this).parents('form').remove(); //removing the parent form
    });
});

---

确保您正在使用

$（document）.ready（）

您可以向按钮添加

id

，以便在

onclick（）

事件中使用它进行选择，代码如下：

HTML:

 <button id="cancel_comment" class="btn btn-default" type="button">Cancel</button>

 //Handling click in button
$(document).ready(function() {
    $("#cancel_comment").click(function() {
       $(this).parents('form').remove(); //removing the parent form
    });
});

---

确保您正在使用

$（document）.ready（）

您可以向按钮添加

id

，以便在

onclick（）

事件中使用它进行选择，代码如下：

HTML:

 <button id="cancel_comment" class="btn btn-default" type="button">Cancel</button>

 //Handling click in button
$(document).ready(function() {
    $("#cancel_comment").click(function() {
       $(this).parents('form').remove(); //removing the parent form
    });
});

---

确保您正在使用

$（document）.ready（）

您可以向按钮添加

id

，以便在

onclick（）

事件中使用它进行选择，代码如下：

HTML:

 <button id="cancel_comment" class="btn btn-default" type="button">Cancel</button>

 //Handling click in button
$(document).ready(function() {
    $("#cancel_comment").click(function() {
       $(this).parents('form').remove(); //removing the parent form
    });
});

---

---

请确保您使用的是

$（document）.ready（）

我强烈建议您首先提供一些jquery教程，否则您可能很快就会感到困惑：您的代码中的

这是什么？您能发布更大的代码片段吗？我强烈建议您先发布一些jquery教程，否则您可能会很快感到困惑：您的代码中的
这是什么？您能发布更大的代码片段吗？我强烈建议您先发布一些jquery教程，否则您可能会很快感到困惑：您的代码中的
这是什么？您能发布更大的代码片段吗？我强烈建议您先发布一些jquery教程，否则您可能会很快感到困惑：您的代码中的
这是什么？您可以发布更大的代码片段吗？这与我之前尝试的类似，但是我认为我的activity.js文件没有正确加载，因为即使使用正确的代码，按钮也没有响应。（是的，我确实将按钮id更新为“cancel_comment”）不确定这是否有帮助，但是，当我单击添加以使表单显示时，我可以提交等，并且所有操作都正常。但是，当我查看页面源代码时，表单未列出…？是否使用javascript动态添加表单？尝试仅添加一个
警报（）
在您的activity.js中，确保是否加载了。这与我之前尝试的类似，但我认为我的activity.js文件没有正确加载，因为即使使用正确的代码，按钮也没有响应。（是的，我确实将按钮id更新为“cancel_comment”）不确定这是否有帮助，但是，当我单击添加以使表单显示时，我可以提交等，并且所有操作都正常。但是，当我查看页面源代码时，表单未列出…？是否使用javascript动态添加表单？尝试仅添加一个
警报（）
在您的activity.js中，确保是否加载了。这与我之前尝试的类似，但我认为我的activity.js文件没有正确加载，因为即使使用正确的代码，按钮也没有响应。（是的，我确实将按钮id更新为“cancel_comment”）不确定这是否有帮助，但是，当我单击添加以使表单显示时，我可以提交等，并且所有操作都正常。但是，当我查看页面源代码时，表单未列出…？是否使用javascript动态添加表单？尝试仅添加一个
警报（）
在您的activity.js中，确保是否加载了。这与我之前尝试的类似，但我认为我的activity.js文件没有正确加载，因为即使使用正确的代码，按钮也没有响应。（是的，我确实将按钮id更新为“cancel_comment”）不确定这是否有帮助，但是，当我单击添加以使表单显示时，我可以提交等，并且所有操作都正常。但是，当我查看页面源代码时，表单未列出…？是否使用javascript动态添加表单？尝试仅添加一个
警报（）
在您的activity.js中，确保是否已加载。