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

  • HuskyStarcraft

    HuskyStarcra

    4 HAZİRAN 2009
  • IGN

    IGN

    19 EYLÜL 2006
  • UKF Dubstep

    UKF Dubstep

    29 NİSAN 2009