dialogClass不應用給定的風格類

上午在我的xhtml頁面中使用了2 Jquery Dialog框。有2個鏈接，當用戶點擊這些鏈接時，每個鏈接將呈現不同的Dialog框。不同的Dialog盒子在外觀和感覺上有所不同。既然這兩個引用了jquery-ui-rev.css，那麼在.css文件中完成了任何CSS更改，它將應用於Dialog框。dialogClass不應用給定的風格類

Image from Chrome web developer is attached for reference

於是，我試着用dialogClass。我爲Dialog盒子中的一個申請了dialogClass，並保持原樣。

我想出了下面的代碼並部署它。我在這裏寫

$j("#dialog").dialog({ 
    dialogClass: 'ui-dialog', 
     .... 

<head> 
<style type="text/css"> 
.ui-dialog 
{ 
padding: none; 
overflow: hidden; 
position: absolute; 
width: 100px; 
left: 100px; 
top: 100px; 
} 
</style> 
</head>

但是，ui-dialog類沒有覆蓋標準ui-dialog類jquery-ui-rev.css。然後，我還嘗試用ui-dialog的不同名稱。即，我將其更名爲ui-dialog與my-dialog。即使那麼my-dialog沒有得到申請Dialog框。它仍然需要標準的CSS類ui-dialog。

然後，我也試圖與下面的代碼

$j("#dialog").addClass('my-dialog').dialog({

這也不能覆蓋標準ui-dialog類。

PS注意：我已將jquery-ui-rev.css更名爲jquery-ui-curretpacks.css。 jquery-ui-currentpacks.css包含jquery-ui-rev.css

@Dipaks的確切內容我已經嘗試瞭解決方案，你所提到的。代碼如下，

$('.ui-dialog').addClass('new-ui-dialog'); 
$j("#dialog").dialog({ 
    dialogClass: 'new-ui-dialog', 
....

但是，正如我已經附着在新的圖像，可以看出，雖然UI的對話框過得去新UI的對話框取代，但CSS屬性仍然從UI取-對話。

我也給了一個嘗試沒有dialogClass像下面，附加$ J（「＃對話」）。對話框（{ .....

<style type="text/css"> 
.new-ui-dialog 
{ 
//my new css 
} 
</style>

enter image description here

我在這裏附上第3圖像在這種SS，新UI的對話框屬性仍然覆蓋。

來源

2012-10-18 Vikas V

.ui-dialog是增加在線 CSS的元素。如果要覆蓋這些樣式做到這一點 -

$('.ui-dialog').addClass('new-ui-dialog');

CSS -

.new-ui-dialog { color: red !important; }

來源

2012-10-18 14:07:53 Dipak

我已經在我的問題提到我的觀察。請參考結果。我嘗試了你的建議。它仍然沒有工作！ –

我附上了第三張圖片。可以看出，new-ui-dialog屬性被element覆蓋。style –

它的工作原理！抱歉。我的錯。重要的是有一個錯字錯誤 –

dialogClass不應用給定的風格類

回答

相關問題