Как связать кнопку с другой страницей со ссылкой на конкретную вкладку?

Question

У меня был список вкладок на странице view_profil:

 <div class="panel panel-default">
<ul class="nav nav-pills" id="mytab">
  <li class="active"><a data-toggle="tab" href="#profil">Profil</a></li>
  <li><a id="keluarga-tab" data-toggle="tab" href="#keluarga">Keluarga</a></li>
  <li><a id="kursus-tab" data-toggle="tab" href="#kursus">Kursus</a></li>
  <li><a id="akademik-tab" data-toggle="tab" href="#akademik">Akademik</a></li>
  <li><a id="anugerah-tab" data-toggle="tab" href="#anugerah">Anugerah</a></li>
</ul>

Я хочу связать кнопку с другой страницы с этой страницей, но непосредственно со ссылкой на вкладку «keluarga».

Я использовал этот код для кнопки:

<a href="{{ url('/view_profil/' . $valueItemregistrationkeluarga->ItemRegistrationID.'#keluarga') }}" class="btn btn-warning btn-md">Back</a>

Я пытался использовать несколько jquery-кода и javascript, но не смог .. Какой правильный javascript / jquery для этой цели?

Это jquery используется;

<script>
var hash = document.location.hash;
if (hash) {
$('.nav-tabs a[href='+hash+']').tab('show');
} 

// Change hash for page-reload
$('.nav-tabs a').on('shown.bs.tab', function (e) {
window.location.hash = e.target.hash;
});
</script>

Я пробовал множество сценариев раньше, это самое последнее ...

Я использую laravel 5 для этого приложения.

Но все равно не получится .. кто-нибудь может помочь?

На самом деле, где разместить этот код JavaScript? на странице с целевыми вкладками или со страницы кнопки?

Answer 1

Используйте следующую ссылку

<a href="{{ url('view_profil')}}/{{$valueItemregistrationkeluarga->ItemRegistrationID}}/#keluarga" class="btn btn-warning btn-md">Back</a>

оберните ваш код в заявление о готовности документа

<script>
$(function(){
var hash = document.location.hash;
if (hash) {
$('.nav-tabs a[href='+hash+']').tab('show');
} 

// Change hash for page-reload
$('.nav-tabs a').on('shown.bs.tab', function (e) {
window.location.hash = e.target.hash;
});
})
</script>