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
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');
Nasıl Raylar geçiş veritabanında bir s...
Nasıl Bootstrap sütun hepsi aynı boyda...
Nasıl Twitter Bootstrap kalıcı bir kut...
Nasıl benim Twitter sağa Hizala düğmel...
Nasıl sayfa üzerinde herhangi bir yerd...