2012-04-23 2 views
2

は誰がどのようなクラス名、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'); 
    }, ...... 

ありがとう

答えて

1

複数の必要なクラスがあります。あなたがこれを行うことができない場合は、jQueryの追加クラスがある

$("button").button(); 

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

ui-button ui-widget ui-state-default ui-corner-all

+0

ありがとう。私は成功なしにui-buttonを試しました。バイナリは説明して、彼の解決策は働いていたが、唯一違うのは「パディングなし」、ボタンはボタンのキャプションをしっかり包み込んでいるが、私はうまくいけば今のところ見つけ出すことができる。再度、感謝します – KenAshton

0

ページにjQuery UIが含まれている場合、クラス名はui-buttonです。編集:ボタンの状態によって異なるui-state-defaultなどの他のクラスもあります。この動作をエミュレートする最も簡単な方法は、まったくエミュレートしないことです。jQuery UIを意図どおりに使用することです。

+0

これは正しいが表示されませんでし あなたはそのためのjQueryのUI機能を使用する必要がありますスタイリング。 http://jsfiddle.net/TLFEA/ – binarious

+0

今すぐ理解してください。私の問題は、それを学びながら徐々にjqueryに移動しようとしていることです。私のアプリケーションは複雑で完璧に動作するので、途中で中断したくありません。しかし、あなたからの反応はとてもよく知られています。多くの感謝です。 – KenAshton

関連する問題