Tengo una tarjeta y dos píldoras de navegación, y contenido en ellas.

 <ul class="nav nav-pills"> <li class="nav-item active"><a class="nav-link active" href="#summary" data-toggle="tab"><%= t('summary') %></a></li> <li class="nav-item"><a class="nav-link" href="#time" data-toggle="tab"><%= t('time_label') %></a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="summary"> // Some content... </div> <div class="tab-pane" id="time"> // Some content... </div> </div>

Tengo algunas llamadas API para hacer a un controlador de rieles en el panel de tiempo, a una acción de controlador xyz, que llama a un archivo xyz.js.erb que tiene una llamada window.location.reload() para actualizar los datos, lo que restaura la y abre la pestaña de resumen.

Quiero mantener el foco en la pestaña de tiempo si se llamó a esa acción del controlador, pero window.location.reload() muestra la página html nuevamente y abre la pestaña de resumen. No quiero almacenar el href en un hash ya que sé exactamente qué pestaña abrir. También necesito volver a cargar la página para actualizar los datos.

¿Algunas ideas?