如何自定義jquery對話框？

我試圖讓與jQuery的自定義對話框。如何更改對話框標題欄中的顏色？如何自定義jquery對話框？

我有jQuery的代碼，

$("#dialog").dialog("open");  
var state = true; 
if (state) { 
    $("#dialog").animate({ 
     backgroundColor: "#FFEDB8", 
     color: "black",     
    }); 

$("#dialog").dialog({ autoOpen: false }); 

$(function() { 
    $("#dialog").dialog({ 
     title: "Acquaintance Details", 
     modal: true, 
     buttons: { 
      Invite: function() { 
       $(this).dialog("close"); 
      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      }    
     } 
    }); 
});

然後HTML代碼

<div id="dialog"> 
    <p>Are u want add </p> 
    <form> 
     <fieldset> 
      <label id="fristname"></label> 
      <br><label id="lastname"></label> 
      <br><label id="mobilenumber"></label> 
     </fieldset> 
</form> 
</div>

來源

2014-03-13 G D

如果你需要一個明確的答案添加http://jsfiddle.net –

要麼用自己的CSS做手工，或使用themebuilder。 –

下面是一個例子。

在你的CSS （說youCustomClass）有您想要的樣式使用下面的jQuery代碼添加到對話框的標題創建一個類。

$(function() { 
    $("#msg").dialog({ 
     open: function() { 
      $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").addClass("youCustomClass"); 
          }   
      });  
     });

來源

2014-03-13 15:23:20

只是風格的對話框中您的要求。

只要檢查該fiddle我對演示的緣故創建。

.ui-dialog-titlebar 
{ 
background-color: #FF0000 !important; 
}

或嘗試添加以下內容到風格

來源

2014-03-13 15:08:36

如何自定義jquery對話框？

回答

相關問題