jQuery UI檢查按鈕不保留突出顯示的IE 8

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(); 
});