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>

如何将按钮链接到引用特定标签的另一页？

1 个答案: