@@ -230,17 +230,19 @@ return $.widget( "ui.spinner", {
230
230
// button bindings
231
231
this . buttons = uiSpinner . children ( "a" )
232
232
. attr ( "tabIndex" , - 1 )
233
- . button ( ) ;
233
+ . button ( {
234
+ classes : {
235
+ "ui-button" : ""
236
+ }
237
+ } ) ;
234
238
235
239
// TODO: Right now button does not support classes this is already updated in button PR
236
240
this . _removeClass ( this . buttons , "ui-corner-all" ) ;
237
241
238
242
this . _addClass ( this . buttons . first ( ) , "ui-spinner-button ui-spinner-up" ) ;
239
243
this . _addClass ( this . buttons . last ( ) , "ui-spinner-button ui-spinner-down" ) ;
240
- this . _addClass ( this . buttons . first ( ) . find ( ".ui-button-text span" ) , null ,
241
- "ui-icon " + this . options . icons . up ) ;
242
- this . _addClass ( this . buttons . last ( ) . find ( ".ui-button-text span" ) , null ,
243
- "ui-icon " + this . options . icons . down ) ;
244
+ this . buttons . first ( ) . button ( "option" , "icon" , this . options . icons . up ) ;
245
+ this . buttons . last ( ) . button ( "option" , "icon" , this . options . icons . down ) ;
244
246
245
247
// IE 6 doesn't understand height: 50% for the buttons
246
248
// unless the wrapper has an explicit height
@@ -284,10 +286,10 @@ return $.widget( "ui.spinner", {
284
286
_buttonHtml : function ( ) {
285
287
return "" +
286
288
"<a>" +
287
- "<span>▲</span>" +
289
+ "<span>▲</span>" +
288
290
"</a>" +
289
291
"<a>" +
290
- "<span>▼</span>" +
292
+ "<span>▼</span>" +
291
293
"</a>" ;
292
294
} ,
293
295
0 commit comments