2011-07-22 6 views
0

私が困っダイアログで、私の入力ボックスの色を変更する、この単純な作業を行うことが生じていますが、IE 8にjQueryUIを使用して作成した はここ2のデモを見てみましょう: http://jsbin.com/ofare/94/edit#sourceを - IE http://jsfiddle.net/Cwm4W/10/で働いていない - IEでの作業が、私のダイアログボックスでは機能しませんIE 8でjQueryを使ってダイアログ入力ボックスの背景色を変更するには?

私のダイアログボックスでは、両方のコードが動作しません。

私のコード

<script>     
    $('#test').css("background-color", 'gray'); 
    $("#dialog-test").dialog({ 
       autoOpen: false, 
       resizable: false, 
       width: 350, 
       height: 430, 

       modal: true 
    }); 
</script> 

<div id="dialog-test"> 
<form> 
    <table> 
    <tr> 
      <td> 
       User Name 
      </td> 
      <td> 
       <input type="text" id="test" />  
      </td> 
     </tr> 
     </table> 
</form> 
</div> 
+0

:あなたはフィドルに含める:)

私IETesterは本当にそれとアラートカップル役に立たないスクリプトエラー好きではないが、これは、IE8でグレーの背景を持っていることを確認してくださいCSSでスタイルを作成しないでください。ここではjQueryを使用する必要はありません。 – rkaregaran

+0

入力ボックスを無効にするオプションボタンを追加します。だから、ボックスをクリックしなくても無効になっていることをユーザーに知らせるためには、ボックスを変更する必要があります。 – newtodatatables

+0

あなたが探しているのは、属性readonly = "readonly"を使用して目標を達成することです。 – rkaregaran

答えて

0

dialog()JQueryUI functionです。背後にある理由は何http://jsfiddle.net/AlienWebguy/Cwm4W/18/

$(function(){ 
    $("#dialog-test").dialog({ 
       autoOpen: true, 
       resizable: false, 
       width: 350, 
       height: 430, 
       modal: true 
    }).find('#test').css('background-color','gray'); 
}); 
+0

こんにちは、あなたの返信のおかげで。私はボックス( 'テスト')の背景を灰色で入力したいのですが、ダイアログの背景は入力しませんでした – newtodatatables

+0

ああ、あなたの要求を誤解しました。簡単な修正、更新されたコードを確認:) – AlienWebguy

+0

あなたの答えをありがとう。コードの一部をフィドルにコピーしても動作しますが、それでも私の側では動作しません。私はそれを理解しようとします。 – newtodatatables

関連する問題