Кнопка проверки пользовательского интерфейса jQuery не остается выделенной IE 8

Question

Я использую элемент кнопки jQuery UI с флажком. Идея состоит в том, что это работает как кнопка переключения. Кнопка нажата и остается в состоянии "нажата" / "активна" до тех пор, пока на нее снова не нажмут, это фактически флажок с кнопкой в ​​качестве визуального интерфейса для пользователя.

Моя проблема в том, что кнопка не остается в нажатом состоянии в 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();
});