SORU
4 Mart 2012, Pazar


Nasıl pre-geçiş Bootstrap buton'in btn-group miyim?

Sadece bootstrap kullanmaya başladım.

Nasıl Radion Düğmesi grubu dağıtmak ve düğme ön geçiş yapabilir miyim lütfen söyler misiniz.

Hafta değerleri gün ile radyo düğmeleri bir grup var. Bu bir:

<div class="btn-group" data-toggle="buttons-radio">

          <button class="btn" id="test0">Mon</button>
          <button class="btn" id="test1">Tue</button>
          <button class="btn" id="test2">Wed</button>
          <button class="btn" id="test3">Thu</button>
          <button class="btn" id="test4">Fri</button>
          <button class="btn" id="test5">Sat</button>
          <button class="btn" id="test6">Sun</button>
    </div>

İhtiyacım olan şey geçerli gün değerini almak için (kullanarak "var = () currentDay yeni Tarih.() getDay") ve açık (etkinleştir) grubunda karşılık gelen düğmeyi aç / kapat.

Ve bir sonraki kod (sadece test amaçlı) ile değiştirmek için çalışıyorum:

$("#test0").button('toggle')

Çalışmıyor.

Şimdiden teşekkür ederim.

CEVAP
4 Mart 2012, Pazar


Bu bot .btn.active sınıfı yararlanmak ve sadece ilk geçiş istediğiniz düğme ekleyebilirsiniz ve jQuerys toggleClass düğmeleri untoggle için kullanabilirsiniz. Demo.


Sadece twitter bu etki için, burada diyebilirsin o düğmeye bir senaryo olduğunu fark ettik. beklediğiniz sonuçları ile demo bir sabit.


Aslında yorum ne istediğini baktıktan sonra aradığınız sonuçları ile benim keman güncelledi.

Bir dizi geçerli günün JavaScript getDay yöntemi kullanarak çeker ve düğmeye ıd faaliyet gösteren düğme grubu üzerinde karşılık gelen gün açıp kapatan bir fonksiyon ekledim: demo

İlgili Kod:

JS

function today() {
    var arr = ["0", "1", "2", "3", "4", "5", "6"]; //first day of the week is sunday and its index is 0
    var currentDay = new Date().getDay();

    return (arr[currentDay]);
}

var day = '[id="test'   today()  '"]'; // we take the current day from the array and add the beginning of the class name and save it in a variable

$(day).button('toggle');

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • efaustus9

    efaustus9

    16 HAZİRAN 2006
  • Gimpology.com Video Tutorials

    Gimpology.co

    3 ŞUBAT 2008
  • KSI

    KSI

    25 Temmuz 2009