引导活动类应用于IE中的禁用按钮

Question

我有两个表单

的按钮

<div id="btnGroup" class="btn-group" data-toggle="buttons-radio">
    <button id="button1" type="button" class="btn" data-toggle="button" data-bind="text: 'Button1', css: {active: isButton1Active}, click: button1Click"></button>
    <button id="button2" type="button" class="btn" data-toggle="button" data-bind="text: 'Button2', css: {active: isButton2Active}, click: button2Click"></button>
</div>

单击时，两个按钮都会显示一些列表，并且活动的引导类将应用于该按钮。我有一个场景，如果单击button1时出现的列表为null，则应禁用该按钮。 button2永远不会被禁用。这已在javascript中实现。此方案在chrome中工作正常，也就是说，如果禁用button1（活动类应用于button2）并且用户单击button1，则活动类仍然应用于button2并保持焦点。但是，在IE（11）中，如果禁用了button1（活动类仍然应用于button2），并且当用户现在单击button1时，活动类将应用于该按钮，并且焦点将从button2丢失（是的，我是说button1仍然被禁用，活动类被应用于那个）。我会在这里说出js逻辑很好，因为它在chrome中运行良好，但在IE中却没有。有关于此的任何建议吗？