Rails:对 link 进行 ajax 调用,同时滚动到顶部
Rails: Make the ajax call to the link and scroll to top at the same time
我有以下生成 Ajax 调用的代码:
<% @vegetables.order(:name).each do |vegetable| %>
<%= link_to vegetable.name, fetch_recipes_path(:veg_id => vegetable.id), :remote => true %>
<% end %>
我的 js 文件是:
$("#recipes_grid").html("<%= escape_javascript(render partial: 'recipes_list', locals: { recipes: @selected } ) %>");
效果很好。但我也想跳转到屏幕顶部随叫随到。我怎样才能最好地做到这一点?
您可以在您的 js 模板末尾添加 window.scrollTo(0, 0)
以滚动到 window 的 top/left。
我有以下生成 Ajax 调用的代码:
<% @vegetables.order(:name).each do |vegetable| %>
<%= link_to vegetable.name, fetch_recipes_path(:veg_id => vegetable.id), :remote => true %>
<% end %>
我的 js 文件是:
$("#recipes_grid").html("<%= escape_javascript(render partial: 'recipes_list', locals: { recipes: @selected } ) %>");
效果很好。但我也想跳转到屏幕顶部随叫随到。我怎样才能最好地做到这一点?
您可以在您的 js 模板末尾添加 window.scrollTo(0, 0)
以滚动到 window 的 top/left。