Yu Tant

Home
active

Membuat tab pane tetap pada posisi terakhir yang dipilih

Nah kemarin ada pertanyaan "gimana caranya supaya kita tetap pada posisi tab pane yang terakhir?"
caranya cukup simple saja kamu hanya perlu menambahkan script dibawah ini pada halamanmu

<script>
$(document).ready(function() {
    if (location.hash) {
        $("a[href='" + location.hash + "']").tab("show");
    }
    $(document.body).on("click", "a[data-toggle='tab']", function(event) {
        location.hash = this.getAttribute("href");
    });
});
$(window).on("popstate", function() {
    var anchor = location.hash || $("a[data-toggle='tab']").first().attr("href");
    $("a[href='" + anchor + "']").tab("show");
});
</script>

Nah tabpane yang kamu buat misalnya : 

<ul class="nav nav-tabs" id="myTab">
  <li class="active"><a href="#home">Home</a></li>
  <li><a href="#profile">Profile</a></li>
  <li><a href="#messages">Messages</a></li>
  <li><a href="#settings">Settings</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active" id="home">home</div>
  <div class="tab-pane" id="profile">profile</div>
  <div class="tab-pane" id="messages">messages</div>
  <div class="tab-pane" id="settings">settings</div>
</div>

nanti tinggal menambahkan link masing-masing tab pada akhir url.

.index.php/daftar#profile