Question

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

我的问题是该按钮在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();
});

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

1 个答案: