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

Question

Я использую элемент 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();
});