模仿jQuery UI的對話框按鈕樣式

誰能告訴我什麼類名指定的HTML按鈕，例如，模仿jQuery UI的對話框按鈕樣式

<div id='dlg' class='dialog'> 
<input type="text" id="client" name="client" /> 
<button type='button' class='WHAT_CLASS' onclick="afunction()">Cancel</button> 
</div>

我想同一個按鈕的外觀jQuery UI的「微軟」樣式應用於默認

$dlg.dialog({ 
    autoOpen: false, 
    title: 'Company name', 
    buttons: { 
    'Cancel': function() { 
    $dlg.dialog('close'); 
    }, ......

謝謝

來源

2012-04-23 KenAshton

有多個必要的類！您應該使用的是jQuery UI的功能：

$("button").button();

http://jqueryui.com/demos/button/

不過，如果你不能做到這一點，jQuery的添加類是： ui-button ui-widget ui-state-default ui-corner-all

來源

2012-04-23 13:58:17 binarious

謝謝你們。我曾嘗試過沒有成功的按鈕。 Binarious解釋說，他的解決方案工作，唯一不同的是現在'沒有填充'，按鈕包裹在按鈕標題的周圍，但我希望現在可以找出原因。再次感謝 – KenAshton 2012-04-23 14:15:09

如果您的頁面中包含jQuery UI，則類名稱爲ui-button。編輯：此外還有其他類，如ui-state-default等，這取決於按鈕的狀態。模擬這種行爲的最簡單方法是根本不模仿它 - 按照它的意圖使用jQuery UI。

來源

2012-04-23 13:57:44 wanovak

這將無法顯示正確的造型。 http://jsfiddle.net/TLFEA/ – binarious 2012-04-23 14:01:11

現在瞭解。我的問題是，我試圖逐漸轉向jquery，同時學習它。我的應用程序非常複雜，功能完美，所以我不想在路上打破它。但是，你們的回覆非常靈通，非常感謝。 – KenAshton 2012-04-23 14:40:13

模仿jQuery UI的對話框按鈕樣式

回答

相關問題