問題タブ [jquery-ui-button]

テーマに基づいて、箱から出してjQueryUIライブラリを使用しています。

リンクをボタンとしてレンダリングするのは素晴らしいことですが、いくつかのボタンを異なる色でオーバーライドする必要があります。

使用する特定のボタンに特定のクラスを指定するにはどうすればよいですか？

数週間前にjqueryフォーラムで運が悪かったので、ここでもう一度やり直します:)

作業中のプロジェクト用に単純なウィジェットを作成しましたが、奇妙な問題が発生しました。

実装例で説明するのが最も簡単です。 http://decko.dk/buttontest

このページには3つのボタンがあります。最初のものは私のドロップダウンウィジェットです。次は通常の無効化ボタン（A）で、最後のボタンは通常の有効化ボタン（B）です。次にページを更新すると（F5キーなどを押す）、有効なボタンが不思議なことに無効になります。なぜこれが発生するのかわかりませんが、そもそもボタンAが無効になっていないと、更新時にボタンBが無効になりません。また、ウィジェットコードでinsertAfterの呼び出しを削除しても、ボタンは無効になりません。なぜこの奇妙な行動が起こるのかを誰かが明らかにすることができますか？

ちなみに、これはFirefoxでしか再現できませんでした。

jquery uiボタンのあるWebページの一部を更新すると、次のように呼び出す必要があるようです:

または、通常のボタンとして表示されます。それは問題ありませんが、これを行うと、jquery テーマのスタイリングに変換する前に、通常のボタンとして一瞬表示されます。少し乱雑に見えるので、これを回避する方法はありますか。

注：これは、オートコンプリート、ボタンなどのjquery uiを使用してテーマを設定しているものすべてのためのものであるため、ボタン固有の問題ではないことに気付きました。

カスタムアイコン、つまり、jQueryUI で提供されるスプライトアイコンの一部ではないアイコンを使用して jQueryUI ボタン​​を作成することは可能ですか?

3 つのチェックボックスのグループに ButtonSet 機能を使用していますが、標準で提供されているものよりも様式化されたアイコンが必要です...

Flash には、jQuery SplitButton のようなボタンがあります。Flash ボタンは、テキストとアイコンの 2 つの部分で構成されます。

これを使用して、ユーザーの文字列検索演算子を表示しました: equals、starts with、ends with、contains。Flash では、アイコンをクリックすると、テキスト領域に選択肢のリストが表示されます。次のようになります。

ユーザーがリストから選択すると、選択内容がボタンのテキスト領域に表示され、リストがロールアップされます。

Flash アプリを変換しようとしていますが、この機能に対応するものを見つけたいと思っています。フォームのスペースを考慮すると、ラジオボタン グループは理想的とは言えません。これがこのフラッシュ ボタンの大きな利点です。画面のスペースを非常に経済的に使用できます。

回答/提案をありがとう。

さて、私は戻ってきました...私はjqueryUIのボタンとダイアログプラグインを私のフォームで動作させようとしています。リセットボタンが欲しい

確認ダイアログを表示します。キャンセルするとダイアログが閉じ、ボタンが元の状態に戻ります。正常に閉じますが、ボタンはホバー状態を維持します。考えられるほぼすべての場所に.refreshメソッドを追加しようとしましたが。

次に、続行応答で、ボタンは元の目的で続行する必要があります。これは発生しません。私はリターンを受け取ります：falseタイプの動作リターンなし：どこでもfalse。

Ok、

リストにフィルターと並べ替えを適用するための Twitter スタイルのコントロール パネルを作成しました。そのコードは次のようになります。

これは、次の JS コードと連携して機能します。

最後に、jQuery UI ボタン​​を使用してボタンを形成します。

これは、テスト済みのすべてのブラウザー (FF、chrome、IE8) でうまく機能しますが、IE7 では機能しません。そこで、#drawer のコンテンツを必要な hides と slideToggles で「filter」から「order」に変更すると、applyFilter ボタンの空のゴーストが表示されます。ホバーすると消えるゴースト。

なぜこれが起こるのか、IE7 のコードでこの厄介な小さなバグを取り除く方法を知っている人はいますか?

[2010 年 7 月 22 日更新] 一時的な解決策を見つけましたが、もう少しきちんとした解決策を見つけたいと思っています。PHP による MSIE 7.0 検出に基づいて、次の JS を追加しました。

$drawer = subDrawer ID の最初の部分 (filter / order )。

Jquery UI の「ボタン」機能を使用して 4 つのボタンがあります。3 動作は問題ありません。4番目は、ホバーされたときに常にjquery uiホバークラス「ui-state-hover」を適用したくないようです。時々そうしますが、ほとんどの場合、「ホバー」クラスのみを適用し（私はfirebugで見ています）、明らかにCSSスタイルと一致しません。何が矛盾を引き起こしているのか、誰にもわかりませんか？

編集: UI ボタン​​と Ajax Uploader の競合だと思います。ここに私が使用しているいくつかのトリミングされたコードがあります。

このようなクリックイベントでjqueryuiボタンを無効にします

後で別の場所で有効にすると、ボタンは常にホバー状態のままになるようです。$('#btn').button('refresh') を追加しようとしましたが、うまくいきません。有効になっているときに、その状態をデフォルトに戻すにはどうすればよいですか?

ページ全体でjQueryUIボタンを使用していますが、単純な問題と思われる問題を回避する方法が見つかりません。一部のボタンを他のボタンよりも小さくしたいのですが、これはボタンテキストのCSSを次のように設定するのと同じくらい簡単なはずです。font: .8em;ただし、jQuery UIはDOM要素を受け取り、それをラップします。

したがって、<button class="small-button">Small button!</button>jQueryがある場合、テキストは子スパンに配置されます。クラスに指定されたフォントサイズはすべてsmall-button無視されます。

jQueryがボタンを作成する方法をハッキングせずに、これを回避する方法が必要です。何か案は？