首页 > 解决方案 > JQuery在重新加载页面后单击一个元素

问题描述

我有一小段代码,基本上,当您单击按钮时,页面会重新加载,然后一旦重新加载,然后单击该页面上的选项卡。

这不起作用发生的事情是当我单击按钮时它开始重新加载页面并在完成之前单击选项卡然后当它完成重新加载页面时它会将我重定向回第一个选项卡

这是代码:

$('.continue').click(function() {
    window.location.reload(true);
    $('.nav-tabs a[href="#' + 'controller_integration' + '"]').tab('show');
});

在单击选项卡之前重新加载页面时,我觉得我需要某种延迟。或者一种仅在页面完全重新加载后单击选项卡的方法。

标签: jquery

解决方案


您可以在 sessionStorage 中存储一个值并在页面加载时检查它,以了解您应该执行一个操作。

$(document).ready(function(){
  if (sessionStorage.getItem('selectControllerIntegration')) {
    sessionStorage.removeItem('selectControllerIntegration');
    $('.nav-tabs a[href="#' + 'controller_integration' + '"]').tab('show');
  }

  $('.continue').click(function() {
    sessionStorage.setItem('selectControllerIntegration', 'true');
    window.location.reload(true);
  });
});

推荐阅读