internet-explorer - jQuery UI 检查按钮不会保持突出显示 IE 8

Question

我正在使用带有 Checkbox 的 jQuery UI Button 元素。这个想法是作为一个切换按钮工作。按钮被按下并保持在“按下”/“活动”状态，直到再次单击它，它实际上是一个带有按钮的复选框，作为用户的可视界面。

我的问题是按钮在 Internet Explorer 中没有保持按下状态。它在其他浏览器中正常工作。因此，如果我单击该按钮，然后按页面上的其他任何位置，该按钮现在将显示为未按下/默认/非活动状态。

JavaScript：

$('#btnOptions').button({
    icons: {
        primary: "ui-icon-wrench"
    }
})


$('#btnOptions').click(function (event) {
    event.preventDefault();
    LoadOptions();
}); 

HTML：

<input type="checkbox" id="btnOptions" /><label for="btnOptions">Options</label>

有任何想法吗？谢谢

Answer 1

原来我是个白痴！

这行代码是做什么的：

 event.preventDefault();

我把它作为一个约定在那里，因为当按钮是链接时，我用它来防止页面跳转到顶部。然而这一次它阻止了默认行为！

所以有效的代码如下：

$('#btnOptions').click(function (event) {
    LoadOptions();
});