問題タブ [jquery-ui-button]

問題は次のとおりです。ページの読み込み時にX個のラジオボタンのリストを動的に作成します。リストを作成して表示したら、ユーザーが一度に1つだけ選択できるようにします（通常のラジオボタンのグループのように）。ただし、ユーザーは、ラジオボタンのグループとしてではなく、個別に機能しているかのように、複数のオプションを選択できます。

これが私がドキュメントレディで呼び出すコードです：

ラジオボタンを作成するコードは次のとおりです。

HTML（動的に作成されたラジオボタンを除く）は次のとおりです。

何か案は？jQuery UIラジオボタンのロードを手動で設定すると、すべてが期待どおりに機能します。1つのオプションを選択し、他のすべてのオプションを選択解除し、別のオプションを選択し、他のすべてのオプションを選択解除し ます。ただし、上記の例では、複数を選択できます。

これが私が期待することのスクリーンショットです（真ん中のオプションがデフォルトで選択されていて、次に現在強調表示されているオプションを選択しました。真ん中のオプションは自動的に強調表示されていません）：期待される動作

これが実際に起こることのスクリーンショットです（動的に作成されたラジオボタンを使用して）：実際の動作

jquery uiボタンでknockout.jsを使用しています。下のボタンにカスタムバインディングを作成しました。クリック項目のテキストを変更していますが、Ajax リクエストを送信する追加のクリックもあります。リクエストが完了したら、テキストを元のテキストに戻すのに最適なデザイン パターンは何ですか。手動で行うか、呼び出される要素をメソッドに渡すことができることはわかっていますが、より分離された方法があります。

jquery-ui ボタンを使用して<input type='checkbox'>要素をボタンのように動作させると、見栄えの良いボタンが表示されますが、ページの読み込み時にちらつきます。

実行の前に$("#checkbout").button()、通常のスタイルなしのチェックアウトが表示され、数ミリ秒後にスタイル付きのボタンに変わります。

このちらつき効果なしで Button を使用する正しい方法は何ですか?

I need to make button to start blinking after some other elemment trigered it, for example checking the checkbox - see the code below:

Blinking must be infinite until:

1. user clicks the button or
2. unchecks the checkbox.

I know there's .effect() method in jQuery UI, but it's time-limited and if I loop it through the callback, how than I can break it to return button in a previous state?

jQuery UI Tabsを使用しているページがあり、Ajax を介して各タブのコンテンツを読み込んでいますが、問題は、タブのコンテンツでボタン (私はjQuery ui ボタンを使用しています) すべての jquery ui クラスを失います。つまり、次のことを意味します。

ページが初めて読み込まれるとき、ボタンは次のようになります。

ご覧のとおり、私のボタンにはすべての jquery-ui クラスがありますui-button, ui-widget, etc...。また、私のボタンには、ボタンのラベルとしてプラス (+) 記号を表示するスパンがあります。したがって、私のボタンは正しく表示されます。

しかし、Ajax 経由で同じコンテンツ (同じボタンを含む) をロードすると、ボタンは次のようになります。

ご覧のとおり、ボタンの jQuery UI クラスがすべて失われています。したがって、ボタンはスタイルされていません

どうすればこれを修正できますか?

注: これらの jquery-ui クラスを HTML のボタンに手動で追加していないことに注意してください。jQueryを使用してボタンを初期化すると$(".my_button").button();、jQuery は必要なすべての jquery-ui クラスをボタンに適切に適用します。ですから、事前に jquery-ui クラスをボタンに割り当てなかったからだと言わないでください (そうする必要はありません)。また、私は.live()、.delegate( ) を試しましたが、どれもうまくいきませんでした。

誰でもこれで私を助けてください

ありがとうございました

私はjQueryの初心者なので、我慢してください。別のボタン クラスを追加したいのですが、新しいボタン クラスでホバーとデフォルトを連携させることができません。ui-button-blue がデフォルトで、青のグラデーション背景画像を使用します。ui-button-orange はホバーで、オレンジ色のグラデーションの背景画像を使用します。

テーマのデフォルトの ui-button 属性の ui-button-blue の css 属性をリセットすることで、新しいデフォルトの青いボタンを強制的に適切に表示できますが、ホバーは境界属性 (オレンジ) のみを適用し、新しいものは適用しません。オレンジ色の背景画像。

ui-button をテーマのデフォルトにリセットすることで、ui-button-orange (ホバー) を機能させることができます。

この css は、ui-button がテーマのデフォルトに設定されている場合、ボタン オレンジをホバーで機能させます。

しかし、私はそれらを一緒に働かせることができません。jQuery css と .js をオーバーライドするためにいくつかのカスタム .js を試しましたが、これも機能しません。

jQuery UI を使用して、個別にスタイルを設定したい承認/却下の 2 つのラジオ ボタンがあるので、「承認」を選択すると青色になり、「却下」を選択すると赤色になります。

ひどい赤いボタンのモックアップで申し訳ありません :-) うまくいけば、これで私が何を求めているかがわかります。両方のボタン/ラベルのクラスを変更しようとしましたが、これは jQuery-UI オーバーレイに反映されません。

ボタンを生成し、選択に応じて目盛りまたは十字を表示する現在のコードは次のとおりです。

どんな助けでも大歓迎です-ありがとう！

何らかの理由で、jQueryUIラジオセットのHOVER状態とSELECTED状態を調整する適切な方法を見つけることができません。

なぜ私がそれを見つけることができないのかわからない、おそらく誰かが私にいくつかの方向性を与えることができますか？私が変更したいのは、テキストが青で灰色になり、白になる方法です。そして、それが灰色の代わりに色付きの境界線を持つように選択されたとき。

簡単だと思いますが、何が欠けているのかわかりません。

また、可能であればJavascriptを使用せずに、CSS調整のみを使用してこれを実行したいと思います...

jqueryボタンに画像を追加する方法を知りたいです。これまで、プロジェクトでjquery uiボタンを使用していて、グラフィックチームからカスタムイメージを取得したので、それらを実装したいと思います。

このjqueryボタンにカスタム画像を追加するにはどうすればよいですか？

これを見てください

http://jsfiddle.net/WAre9/4/

問題は、リンクのテキストを変更した後、.button()正しく機能しないことです。

これが前のスクショットです：

マウスをクリックした後：

すべてのパディングを見ると、フォント スタイルがなくなっています。なにか提案を？この問題を解決するにはどうすればよいですか?