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

  • Ash100HD

    Ash100HD

    29 EKİM 2011
  • EvilControllers

    EvilControll

    20 Ocak 2008
  • TV and Lust

    TV and Lust

    26 HAZİRAN 2006