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

  • Erica Griffin

    Erica Griffi

    8 HAZİRAN 2009
  • LavcoPriceTech

    LavcoPriceTe

    21 AĞUSTOS 2010
  • TokShogun

    TokShogun

    6 HAZİRAN 2009