返回false click属性

Question

我在视图页面中有这行代码，当用户点击此按钮时，我希望浏览器保持原位（不重新加载到顶部）。

<%= button_tag '<i class="icon-thumbs-up"></i>'.html_safe, class: "btn btn-success", remote: true %>

我正在使用click属性将用户保持在同一个地方

$(function() {
  $('#icon-thumbs-up').click(function() {
   return false;
  });
});

我是Javascript / JQuery的新手，所以我意识到我可能会非常糟糕地破坏这些代码，有谁知道如何解决这个问题？

Answer 1

您的代码中的此选择器：

$('#icon-thumbs-up')

是一个ID。

您已为该按钮分配了一个类，因此请按以下方式更改选择器：

$(function() {
    $('.icon-thumbs-up').click(function() {
        return false;
    });
});

Answer 2

你有两个问题：

1. 您的选择器是ID选择器，但您的标记中没有该名称的ID。 （您确实有一个具有该名称的类，但类选择器以.而不是#开头。
2. 您正在使用某个模板功能生成按钮，并在其中包含<i>元素。您试图阻止<i>元素的默认行为，而不是按钮。您需要调整代码以定位为按钮本身生成的HTML。