2011-07-22 15 views
0

我無法做在對話框中改變我的輸入框顏色的這個簡單的任務創造了IE使用jQueryUI的8 看看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

有什麼背後的推理不在你的CSS中創建樣式? jQuery不需要在這裏使用。 – rkaregaran

+0

我想添加一個選項按鈕來禁用輸入框。所以,我需要盒子來改變顏色,用戶知道,即使沒有點擊它,該盒子也被禁用。 – newtodatatables

+0

您正在尋找的是使用屬性readonly =「readonly」來實現您的最終目標。 – rkaregaran

回答

0

dialog()JQueryUI function。確保你包括在你的提琴:)

這在IE8一個灰色的背景,雖然我的IETester並不真的很喜歡它,並提醒一對夫婦無益腳本錯誤: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