javascript - 返回虚假点击属性

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 的新手，所以我意识到我可能把这段代码搞砸了，有谁知道如何解决这个问题？

score 3 · Accepted Answer

您的代码中的此选择器：

$('#icon-thumbs-up')

是一个ID。

您已经为按钮分配了一个类，因此如下更改选择器：

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

score 1 · Accepted Answer

你有两个问题：

您的选择器是一个 ID 选择器，但您的标记中没有该名称的 ID。（您确实有一个具有该名称的类，但类选择器以 a .not a开头#）。
您正在使用一些模板函数生成按钮，并<i>在其中包含一个元素。这是<i>您试图阻止默认行为的元素，而不是按钮。您需要调整代码以针对为按钮本身生成的任何 HTML。

2 回答 2