将用户重定向到同一页面但重定向到特定选项卡

时间:2018-06-30 11:34:13

标签: javascript jquery laravel

我想将用户重定向到同一页面,但是当用户单击“ #myRegistrationsClean”时,选项卡“ #myRegistrations”显示为活动。

但是使用下面的代码,用户将被重定向到同一页面,但#myRegistrations选项卡不会保持活动状态。这是因为下面的代码只是刷新了页面,例如“ window.location.reload();”。

您知道如何重定向到同一页面但激活“ #myRegistrations”吗?启用“ myRegistrations”标签的网址为“ http://proj.test/user/profile?user=2#myRegistrations”。

$('#myRegistrationsClean').click(function() {
    alert("test");
    @if(session('searchedConferences'))
        // $('#cleanSearch').click(); dont works
        window.location.reload();
    @endif
});

3 个答案:

答案 0 :(得分:0)

尝试这样的事情:

.modal-overlay:target {
  visibility: visible;
  opacity: 1;
}
.modal-overlay {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.15);
  transition: opacity 200ms;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  z-index: 10;
}
<a href="#login-modal">Sign In</a>

<div id="login-modal" class="modal-overlay" onclick="(function(e){if(e.path.length<=5)window.location.hash=''})(event)">
  Modal Content
</div>

答案 1 :(得分:-1)

下面的代码将根据您的需要运行。 “ scrollTop”函数用于在窗口中滚动。确保您使用的是 jQuery库,因为动画功能取决于它。

jQuery('body, html').animate({scrollTop: jQuery("#myRegistrations").offset().top});

答案 2 :(得分:-1)

您可以使用window.location.hash

$('#myRegistrationsClean').click(function() {
    alert("test");
    if(session('searchedConferences')) {
        // $('#cleanSearch').click(); dont works
        window.location.hash = "myRegistrationsClean";
        window.location.reload();
    }
});