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

Question

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

_rak361.html.erb

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

充足的.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选项来对请求进行ajax化。 这是一个例子

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

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

希望有帮助！