1
$(this).css("background-color", "red");

通常の入力の場合、各入力ループの背景を赤でスタイリングします。これは正常に機能します。

しかし、それが選択されたとき、それは機能しないようです。jquery mobile selectイメージは同じままです!

JQuery +JQueryMobileを使用しています。

どうすれば強制的に変更できますか?境界線を追加するだけでも?

4

3 に答える 3

1

CSSで選択したすべてのメニューのスタイルを簡単に上書きできます。

div.ui-select span.ui-btn-inner {
    border: 1px solid red;
    color: red;
    text-align: right;    
}

..またはjQueryに固執したい場合:

<code> $('。ui-selectspan.ui-btn-inner')。css('background-color'、'blue'); </ code>

..特定の選択メニューをカスタマイズするには、select要素にを指定idし、jQueryでそれを選択するには、に追加-buttonする必要がありますid。これは、jQueryMobileが知らないかもしれない複数の要素を作成するという事実によるものです。したがって、選択メニューにIDcustom-idを指定し、その背景色を変更する場合、jQueryは次のようになります。

$('.ui-select #custom-id-button span.ui-btn-inner').css('background-color', 'green');

..そしてCSSでも同じ:

div.ui-select #custom-id-button span.ui-btn-inner {
    text-align: left;    
}

JSFiddleを更新
http://jsfiddle.net/5Bkx9/6/

于 2012-07-19T11:41:02.107 に答える
0

this実行コンテキストにあるものを確認してください。this呼び出しのターゲットに応じて、同じ正確なメソッドに対して異なることがあることを覚えておいてください。セレクターを使用して明示的に選択することをお勧めします。

これが問題ではない場合は、このフィールドのスタイルが!important背景色の後にディレクティブが追加されているかどうかを確認してください。

問題をより適切に分析するには、jsfiddleで最もよく複製されたより多くの情報を提供する必要があります。

于 2012-07-19T12:19:39.343 に答える
0

これに対する私の解決策は

$(element).parent().addClass("inputRequired");

要素の親(selectタグ)を取得し、代わりに必要なクラスをDIVに追加します。

于 2012-07-26T10:02:19.933 に答える