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

时间:2016-10-05 07:30:01

标签: javascript jquery ruby-on-rails ruby-on-rails-4

实际上,我的索引页面中有更多的记录,每条记录上都有相应的" hide"链接。然后问题是,当我点击它隐藏记录的相应链接但移到页面顶部时,我该如何阻止它?

_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

我尝试过,但它不适合我。

欢迎任何建议。

提前谢谢。

1 个答案:

答案 0 :(得分:1)

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

remote: true

您可以使用= link_to "Hide", example_hide_path(id), method: :put, remote: true, class: 'stopper', style: "color:#ccc;" ,也可以使用jQuery的remote: true发送ajax请求。

希望有所帮助!