Question

我有一个带过滤器的简单列表，我想在点击清除后清除过滤器（这也会刷新包含所有项目的列表）。

我在index.html.erb中有一个表单：

</br >
<%= form_tag '', method: :get, remote: true do %>
  <%= label_tag 'content:' %>
  <%= text_field_tag :content %>
  <%= label_tag 'submitter:' %>
  <%= text_field_tag :submitter %>
  <%= label_tag 'feeback type:' %>
  <%= text_field_tag :feedback_type %>
  <%= submit_tag 'Filter', class: 'btn btn-primary' %>
  <%= link_to 'clear fields', feedback_messages_path, remote: true, type: 'button', class: 'btn btn-danger', id: 'clear-button' %>
<% end %>

在app / assets / feedback_messages中，我得到了：

$("#clear-button").click(function() {
  console.log('foo');
  $("#content").val(' ');
  $("#submitter").val(' ');
  $("#feedback_type").val(' ');
});

在application.js中，我尝试了所有需求语句的组合，但都没有。这是我现在所拥有的，尝试显式加载js文件：

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require turbolinks
//= require feedback_messages

当我加载网页时，js文件在源中可用，但不会执行。如果我将js移动到script标记中的index.html.erb，它就有效，所以我不认为js存在问题。

代码适用于清算清单，所以我不包括控制器和js.erb代码。

Answer 1

拉远程：来自：

<%= link_to 'clear fields', feedback_messages_path, remote: true, type: 'button', class: 'btn btn-danger', id: 'clear-button' %>

尝试一下，让我知道会发生什么。

应用程序不在assets / javascripts

1 个答案: