SORU
9 Mayıs 2012, ÇARŞAMBA


Nasıl geçerli sekmeyi etkin sayfayı yeniden sonra twitter bootstrap ile devam mı etmeliyim?

Şu anda Twitter Bootstrap ile sekmeleri kullanıyorum ve bir kullanıcı veri ve sayfa yeniden yükler yayınladıktan sonra aynı sekme seçmek istiyor.

Bu nasıl yapılıyor?

Sekmeleri inti için geçerli benim kararım bu gibi görünüyor:

<script type="text/javascript">

$(document).ready(function() {

    $('#profileTabs a:first').tab('show');
});
</script>

Benim sekmeler:

<ul id="profileTabs" class="nav nav-tabs">
    <li class="active"><a href="#profile" data-toggle="tab">Profile</a></li>
    <li><a href="#about" data-toggle="tab">About Me</a></li>
    <li><a href="#match" data-toggle="tab">My Match</a></li>
</ul>

CEVAP
9 Mayıs 2012, ÇARŞAMBA


LocalStorage veya çerezleri yönetmek için kullanacağız. Burada büyük ölçüde geliştirilmiş olabilir, ama bir başlangıç noktası verebilir bu hızlı ve kirli bir çözüm:

$(function() { 
    // for bootstrap 3 use 'shown.bs.tab', for bootstrap 2 use 'shown' in the next line
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        // save the latest tab; use cookies if you like 'em better:
        localStorage.setItem('lastTab', $(this).attr('href'));
    });

    // go to the latest tab, if it exists:
    var lastTab = localStorage.getItem('lastTab');
    if (lastTab) {
        $('[href="'   lastTab   '"]').tab('show');
    }
});

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Djbasilio AuToBaSs

    Djbasilio Au

    20 Aralık 2008
  • EatingIn

    EatingIn

    12 EKİM 2013
  • williamfitzsimmons

    williamfitzs

    14 Mart 2008