問題タブ [jquery-ui-button]

私はjQueryUIプラグインの初心者であり、知識をテストするためのデモアプリケーションを構築しています。ラジオボタンアドオンを使用していますが、機能していないようです。bodyロード時に呼び出される関数に次の行があります。

次のように、CSSとJSも正しく含めています。

...実際のHTMLは次のようになります。

...しかし、何らかの理由で、この一見正しい実装で、私はまだ通常の外観のラジオボタンを取得しています。この効果を達成したい：

誰かがここで答えを持っていますか？よろしくお願いします。:)

Jquery UIボタン（http://jqueryui.com/demos/button/）を使用しています。無効状態を表示する方法を教えてください。ボタンをグレー表示などで表示します。一部のサイトにフォームを投稿すると、送信ボタンが無効として表示されることがわかります。

とにかくアクティブな状態を表示することはありますか？

これは私のコードです：

次のコードで動作するjquery uiボタンウィジェットがあります。

しかし、アップロード時に画像が配置されていない場合は、クラス .remove_img のボタンを追加しているため、ページの読み込み時に DOM にありません。追加されたボタンが同じ .button コードをトリガーするようにする方法はありますか?

私は試した

しかし、それは私をどこにも連れて行きませんでした。

ASP.NET radiobuttonlist で jQueryUI ボタン​​セットを使用しています。ページがポストバックされたときに、サーバー側のコードで選択された値を取得する必要があります。jQuery ボタンセットを適用しない場合、これはもちろん簡単です。"SelectedValue" を取得するだけです。ただし、jQuery ボタンセットを適用すると、選択した値がポストバックで使用できなくなったように見えます。これを回避する方法はありますか、それともクライアント側で選択した値を取得し、それを自分で返す必要がありますか?

プロジェクトで jQuery UI ボタン​​を使用しましたが、正常に動作しています。

しかし、IE7 では、アイコンが本来のように浮きません。IE ではまだ角丸がサポートされていませんが、問題ありません。

良いブラウザ一部のブラウザは正常にレンダリングされます

IEはバージョン 7 を吸う:

HTMLのボタンから始めます

次に、ボタンごとにこの小さな jQuery を使用して、ボタンをループします。

私は彼らに電話button()しただけでしたが、ライブラリを設計どおりに使用していることを確認するために、これを行うことにしました。

アイコンにもCSSがありました

上記のページもございます。（HTTPリファラーを無効にするために短縮されていることを願っています）。

私は何を間違っていますか？

どうもありがとう！

アップデート

Meder's answerに従って、アイコンをインライン ブロック要素として作成してみました。

ただし、これには、ボタン要素を非表示にするという異常な効果があります。

どうしよう？

テキストの上部にカスタムアイコンが付いたjQueryUIボタンを作成しようとしています。デフォルトの動作では、テキストの左側/右側にアイコンが作成されますが、アイコンを上部に配置したいと思います。これはできますか？もしそうなら、あなたの助け/ガイダンスは大歓迎です。

また、32x32サイズのカスタムアイコンを作成するにはどうすればよいですか（ボタンの高さを増やしても効果がなく、アイコンが削除されていました）。前もって感謝します。

HTML：

JS：

CSS：

これを使用してすべてのチェックボックスをチェックしています。

通常のチェックボックスを使用している限り、すべて正常に動作します。すべてを jQuery UI チェックボックスに変換すると: http://jqueryui.com/demos/button/#checkbox それらはチェックされますが、視覚的にではなく、色が変化しません。jQuery UI チェックボックスをオンにすると、この属性が取得されることがわかりましたaria-pressed="true"

誰かが私がこれを成し遂げる方法を理解するのを手伝ってくれませんか!

こんな設定してるのに…

さて、私の HTML には、このような jQuery テンプレートがあります。

今、私がこのスタイルを使って物を作っているとき、うまく機能しています。しかし、編集するときは、すでに選択されている「特性」をデフォルトで「チェック」したいと思います。だから私はこのコードを試しました..

これはボックスをチェックしないだけでなく、すべてのチェックボックスを 2 回作成します。これがなぜなのかわかりません。誰かが私に洞察と、それを修正する方法についてのアイデアを教えてもらえますか?

私は携帯電話用の Web アプリを作成しています。すべてのチェックボックスを、チェックボックスのテキストとともに、「チェック」または「クロス」のいずれかが付いたボタンにしたいと考えています。jQuery UI を使用した実用的なソリューションを手に入れましたが、すべてがエレガントというわけではありません。誰でも改善を提案できますか？

コードは次のとおりです。