单击隐藏链接时滚动条跳回顶部

Question

实际上，我的索引页面中有更多的记录，每条记录都有各自的“隐藏”链接。那么问题是当我点击相应的链接时它会隐藏记录但移动到页面顶部，我该如何停止呢？

_rak361.html.erb

<%= link_to "Hide", hide_rak361_path(rak361), method: :put, class: 'stopper', style: "color:#ccc;" %>

ample.js

$( document ).ready(function() {

    $(".stopper").click(function(event) {
        event.preventDefault();
    });

});

rak361s_controller.rb

def hide
        @rak361 = Rak361.find(params[:id])
        @rak361.hide
        flash[:notice] = 'Rak361 was successfully hidden.'
        redirect_to rak361s_url    
end

我试过了，但它不适合我。

欢迎提出任何建议。

提前谢谢你。

Answer 1

那是因为它是一个完整的页面重新加载，你需要做的第一件事是使用path helpers 而不是在link_to 中提及控制器和操作，第二件事是你应该使用remote: true 选项来ajaxify要求。这是一个例子

= link_to "Hide", example_hide_path(id), method: :put, remote: true, class: 'stopper', style: "color:#ccc;"

您可以使用remote: true，也可以使用jQuery 的$.ajax() 发送ajax 请求。

希望有帮助！