2010-11-08 27 views
5

jQuery UI ile bir diyalog göstermek için aşağıdaki kodu kullanabilirsiniz için oluşturulmaz. Ben düğmeler için oluşturulan HTML olduğunu fark:jQueryUI Diyalog tarzı düğmeleri

<div class="ui-dialog-buttonset"> 
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Ok</span></button> 
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Cancel</span></button> 
</div> 

yani: o jQuery UI demolar itibaren

<div class="ui-dialog-buttonset"> 
    <button>Yes</button> 
    <button>Cancel</button> 
</div> 

CSS stilleri eksik. Neden olduğunu biliyor musun?

+0

Eğer jquery ui stil takılı mı: Böyle bir jQuery UI css içerir? genellikle jquery.ui.all.css gibi bir şey. – subosito

+0

@alifity evet, kaçırdığım Düğme JS betiği :) – xhh

cevap

0

Belki de CSS dosyaları eksik olduğu için? Bunları gerçekten ekliyor musunuz? Sonra ... bir yerlerde bir 404 varsa

Edit görmek için kundakçı ya HttpFox kullanın: <link type="text/css" href="blah/css/smoothness/jquery-ui-1.8.custom.css" rel="stylesheet" />

+2

Buna ek olarak jquery-ui.js düğmelerinizin de komut dosyası olduğundan emin olmanızı öneririm: http://ajax.googleapis.com/ajax /libs/jqueryui/1.8.5/jquery-ui.min.js, tüm ui öğelerine sahiptir. – WSkid

+0

@WSkid haklısınız! Çok teşekkürler! Ben jQuery UI özel JS indirirken "Düğme" widget seçmedim çünkü sanırım. Bahsettiğiniz Google Ajax lib'in jQuery UI JS'sini kullanırken işe yarıyor. – xhh