問題タブ [jqueryi-ui-buttonset]

ここでの例：

http://jsfiddle.net/UVHtu/19/

空欄に記入する必要があります：

HTML：

JavaScript：

</ p>

jQuery UI Buttonset が IE8 で正しく動作しない理由がわかりません。どうやら、IE では、ボタン (ラベル) をクリックしても、対応する入力の変更イベントが発生しません。これは私の機能を壊します。私はすでにクリックイベントを使用しようとしましたが、うまくいきません。どんな助けでも大歓迎です。

ここに私のページがあります: http://www.indsci.com/Calibration-Gas-Cross-Reference-Chart/

こんにちは、バグの可能性があることを示すこのjsFiddleがあります。これは派生したhtmlの貼り付けであることに注意してください-基本的に、すべてのボタンが同じ高さになるようにプログラムで高さをリセットします(単純なはずです)

価値があるのは、これが butonset() 呼び出しの後に行うプログラムによる高さの再調整です

問題は、彼らが奇妙な振る舞いをしていることだけではありません (上、下、至る所で)、なぜこれが起こっているのかについての情報が firebug に表示されないことです。

問題が発生しましたが、解決方法がわかりません (はい、検索機能を使用しても正しい結果が得られませんでした)。お役に立てれば幸いです。簡単な例はjsFiddleにあります。

私のセットアップは、ラジオ ボタンで構成される複数のボタンセットで構成されています。ユーザーが 1 つのボタンセットの値を押すとすぐに、他のボタンセットを更新して、ユーザーが行った選択を表示する必要があります。

私の問題は、ユーザーが初めてラジオボタンをクリックしたときにボタンセットが更新されることです (jsFiddle の例では、いずれかのボタンセットで 1 を押すと、もう一方が変更されます)。しかし、選択を切り替えた後に同じ要素を 2 回クリックしても更新されません (jsFiddle の例では、1 -> 0 -> 1 をクリックすると問題が表示されます)。Google Chrome 開発者機能を使用したところ、(ボタンまたはボタンセットのいずれかを) 更新しても、要素が更新されるとすぐに、checked="checked" ステータスが残ることがわかりました。以前にクリックしたラジオボタンを追跡し、それらを false に設定することで、これを解決しようとしました (jsFiddle の例ではコメントアウトされています)。これによりプロパティが削除されますが、視覚的な更新はありません。

それで、これを解決する方法について何か考えはありますか？使用するライブラリは jQuery のみです。

HTML:

JS/jQuery:

ビューポートの左側に 7 つのボタンを縦に並べようとしています。最初の 3 つのボタンは下に移動するだけで問題ないように見えますが、他の 4 つのボタンは上の 3 つのコードとインラインではありません。

私はここで大まかに話しています。たとえば、一連のスタイル付きラジオ ボタンの 1 つなどのボタンをクリックしたときに、ダウン状態でカーソルを誤って 1 ピクセルでもドラッグした場合、リリース状態はトリガーされません。テキストまたはクリック以外のものをドラッグ/選択しようとしている可能性があると考えられるため、イベント...

これはひどい。

私の見解では、感度を超えてこれに対処する方法はありますか?

私はjqueryボタンセットを使用していますが、クリックが機能するためには、ダウン状態とアップ状態の間で単一のピクセルを移動せずに、非常に意図的にクリックする必要があることがわかりました。

ラジオボタンに基づくjQueryボタンセットを使用して、Webサイトでエディター機能を構築しています。アイテムをエディターにロードするとき、選択したラジオ ボタンを設定する必要があります。もちろん、ユーザーはオプションを変更でき、データベースに保存されます。アイテムが閉じたら、ボタンセットをデフォルトにリセットしたいと思います。

問題は、ボタンセットを設定すると、最初に各項目を選択したときに機能し、その後故障して一緒に機能しなくなることです。

問題のデモ: http://jsfiddle.net/kallsbo/vSmjb/

HTML:

JavaScript:

各ラジオボタンのラベルのクリック機能をトリガーしようとするなど、多くのことを試しましたが、機能するものが見つかりません。どんな入力でも大歓迎です！

マウスリーブでボタンがアクティブなクラスを失うのを防ごうとしていますが、機能しません。

したがって、私のボタンはjQueryのbuttonset(). それらはボタンであり、チェックボックスではありません。チェックボックスが機能するには ID が必要なため、問題外です。

これは私のコードです：

ボタンにクラスがある場合、両方が明示的に削除されるまでクラスui-state-persistを失うべきではないという考えです。ui-state-activeアクティブなボタンの切り替えは、このハンドラーによるクリックで行われます。

e.stopPropagation()また、 andおよびそれらのすべての組み合わせを追加しようとしましe.preventDefault()たが、機能しません。そして、これとまったく同じコードが通常の UI ボタン​​ (ボタンセットにないもの) にも機能します。

どんな助けでも大歓迎です。

編集

私はまだこの問題を解決していません。私を助けてくれた皆さんに報奨金をあげたいのですが、私は新しいメンバーなのでできません。buttonset()チェックボックスではなく、永続的にアクティブなボタンを使用したいというこの問題に遭遇した人はいませんか?