调用ajax后重新加载特定选项卡答案

【问题标题】：Reload a specific tab after call ajax调用ajax后重新加载特定选项卡
【发布时间】：2017-01-18 14:14:02
【问题描述】：

我想在调用 Ajax 后重新加载我的页面。它适用于 location.reload() 但我重定向到第一个选项卡。我怎样才能重新加载我的标签？

HTML

<div class="tabs">
  <a class="tab" data-target="#profile">
    <h3 class="tab-title active" data-target="#profile">Mes informations</h3>
  </a>
  <a class="tab" data-target="#prayers">
    <h3 class="tab-title" data-target="#prayers">Mes prières</h3>
  </a>
  <a class="tab" data-target="#pains" id="tab-pains">
   <% if (@notification && @notification.count > 0) %>
     <h3 class="tab-title" data-target="#pains">Mes demandes <span id="tab-notification">(<%= @notification.count %>)</span></h3>
   <% else %>
     <h3 class="tab-title" data-target="#pains">Mes demandes </h3>
   <% end %>
 </a>
</div>

jQuery

$(document).ready(function() {
 $(".user-show-delete").on("click", function(e){
  var id = $(this).data("id");
  var pain_id = $(this).data("id-pain");
  console.log(id)
  console.log(pain_id)
  var current_index = $("#tabs").tabs("option","active");
  swal ({
    title: 'Effacer',
    text: 'Voulez-vous supprimer cette prière ?',
    type: 'question',
    showCancelButton: true,
    confirmButtonColor: '#B56969',
    cancelButtonColor: '#B4D8C0',
    confirmButtonText: 'Oui',
    cancelButtonText: 'Non'
  }).then(function() {
    $.ajax({
      type: 'DELETE',
      url: '/pains/' + pain_id + '/prayers/' + id,
      success: location.reload(),
    });
  });
 });
});

感谢您的回答

【问题讨论】：

标签： jquery ruby-on-rails ajax

【解决方案1】：

你要找的是open specific tab on page reload。

简而言之，您应该将选项卡的哈希添加到 URL。然后，当页面加载时，您使用 JavaScript 打开正确的选项卡。

【讨论】：