Jquery 没有针对 Ruby on Rails 中的项目答案

【问题标题】：Jquery not targeting item in Ruby on RailsJquery 没有针对 Ruby on Rails 中的项目
【发布时间】：2017-09-21 04:03:54
【问题描述】：

我正在尝试使用 Jquery 在 Rails 中创建平滑的滚动效果，但我似乎无法让 Jquery 以按钮类为目标。我试图定位的链接是这样的。

<%= link_to("#projects")  do %>
<i class="fa fa-arrow-circle-down fa-4x" aria-hidden="true" 
id="arrowButton" class="slideButton"></i>
<% end %>

这是jquery代码

$(document).ready(function() {
 $('.slideButton').click(function() {
  alert('Clicked.');
 });

});

当我单击链接时，它不会创建警报。

【问题讨论】：

【解决方案1】：

您的<i> 标签包含类，而不是链接。你需要<%= link_to('whatever', '#projects', class: 'slideButton') %>。虽然 link_toing 其他类似 ID 的元素似乎也是一个问题。

【讨论】：

【解决方案2】：

请试试这个方法，

$(document).ready(function() {
 $('body').on('click', '.slideButton', function() {
  alert('Clicked.');
 });
});

如果在初始 DOM 渲染时没有加载元素，那么你的方法将不起作用

注意：如果这能解决您的问题，请勾选已回答。

【讨论】：