返回false click属性

Return false click attribute

本文关键字:属性 click false 返回      更新时间:2023-09-26

我的视图页面中有这行代码,当用户单击此按钮时,我希望浏览器保持原位(而不是重新加载到顶部)。

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

我使用点击属性来保持用户在相同的位置

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

我是Javascript/JQuery的新手,所以我意识到我可能把这段代码搞得很糟糕,有人知道如何修复吗?

代码中的这个选择器:

$('#icon-thumbs-up')

用于ID。

你已经为按钮分配了一个类,所以更改选择器如下:

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

您有两个问题:

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