Internet explorer jQueryUI检查按钮没有突出显示IE8

我在用电脑。这个想法是，这就像一个切换按钮。按钮被按下并保持在“按下”/“激活”状态，直到再次单击为止，它实际上是一个复选框，带有一个按钮作为用户的可视界面

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

JavaScript:

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


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

HTML:

有什么想法吗？

---

谢谢

原来我是个白痴

这一行代码说明了它在做什么：

 event.preventDefault();

我把它作为惯例，因为当按钮是链接时，我用它来防止页面跳到顶部。然而，这一次它阻止了默认行为

因此，有效的代码如下所示：

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

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