jQuery UIチェックボタンが点灯しないハイライトされたIE 8

Question

私はjQuery UI Button element with a Checkboxを使用しています。これはToggleボタンとして機能するという考え方です。ボタンは押され、再びクリックされるまで「押された」/「アクティブな」状態のままであり、事実上、ユーザに対する視覚的インターフェースとしてのボタンを有するチェックボックスである。

私の問題は、ボタンが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(); 
});