перенаправить пользователя на ту же страницу, но на определенную вкладку

Question

Я хочу перенаправить пользователя на ту же страницу, но показать вкладку "#myRegistrations" как активную, когда пользователь нажимает в "#myRegistrationsClean".

Но с кодом ниже пользователь перенаправляется на ту же страницу, но вкладка #myRegistrations не остается активной. Это потому, что приведенный ниже код просто обновляет страницу, например "window.location.reload ();".

Знаете ли вы, как перенаправить на ту же страницу, но с активной "#myRegistrations"? URL, который превращает вкладку «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
});

Answer 1

Этот код ниже будет работать в соответствии с вашими потребностями. Функция «scrollTop» используется для прокрутки окна. Убедитесь, что вы используете jQuery library , потому что от него зависит функция animate.

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

Answer 2

Вы можете использовать window.location.hash

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

Answer 3

Попробуйте что-то вроде этого:

.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>