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

  • Exalto_Gamer

    Exalto_Gamer

    15 EKİM 2014
  • undrmyumbrellaa

    undrmyumbrel

    25 Temmuz 2012
  • wwjoshdu

    wwjoshdu

    18 ŞUBAT 2011