如何在同一頁上創建2個Btn組？

我正在使用引導程序。我在同一頁面上有2個btn-group。他們每個人工作正常，但當我點擊一個它取消選擇（刪除活動課？）另一個。我怎樣才能保持活躍的課堂？如何在同一頁上創建2個Btn組？

<div class="container"> 
    <div id="focusarea" class="btn-group"> 
     <button type="button" class="btn btn-outline btn-primary" data-territory="pays">Pays</button> 
     <button type="button" class="btn btn-outline btn-primary" data-territory="dept">Département</button> 
     <button type="button" class="btn btn-outline btn-primary" data-territory="ville">Ville</button> 
    </div> 
</div> 

<div class="container"> 
    <div id="foc" class="btn-group"> 
     <button type="button" class="btn btn-outline btn-primary" data-territory="pays">Pays</button> 
     <button type="button" class="btn btn-outline btn-primary" data-territory="dept">Département</button> 
     <button type="button" class="btn btn-outline btn-primary" data-territory="ville">Ville</button> 
    </div> 
</div>

來源

2016-05-27 Stefdelec

當然它會從其他組時，將會集中於一些新的焦點，所以焦點轉移。 – Rvervuurt

只是一個副本錯誤對不起。我的頁面上沒有2位同名的ID。 – Stefdelec

所以我應該創建一個「自定義活動」類並創建一個jQuery addClass removeClass規則？ – Stefdelec

如果你想動態使用jQuery添加類新，使用.addClass（）和.removeClass（）檢查JqueryAPI獲取更多信息。

我試圖複製你的條件檢查solution：

$('#foc').click(function() { 
    $(this).addClass("active"); 
});

來源

2016-05-27 09:13:37

$("#foc .btn").click(function(){ 
$("#foc .btn").removeClass("active"); 
$(this).addClass("active"); 
}); 

$("#focusarea .btn").click(function(){ 
$("#focusarea .btn").removeClass("active"); 
$(this).addClass("active"); 
});

來源

2016-05-27 09:04:42 HudsonPH

如何在同一頁上創建2個Btn組？

回答

相關問題