Initialize JQuery UI

Question

I've been trying to use Jquery UI, and I keep getting confused by it. So I've put together a minimal test-case here. http://jsfiddle.net/vmZap/ Basically, I include JQUERY, JQUERY-UI, and the JQUERY-UI CSS file. Then I put this code on the page:

<button>Button</button>

Based on my reading, that button, should show up with the Jquery UI Signature look (complete with style and markup changes). As you can see in my fiddle, it doesn't. Is there some sort of call I'm missing that I need to use to initialize jquery-ui to try to do something rather than just sitting there?

I have been fiddling with this stuff for days, but when a test-case as simple as this doesn't work, I'm out of ideas.

Alexander Kahoun · Accepted Answer · 2012-03-14 23:08:24Z

2

If you want to use the jquery-ui button on all button elements, then in the onDomReady you need to add:

$('button').button();

This will apply the jquery-ui button styles to all elements matching your selector, in this case all button elements.

answered Mar 14, 2012 at 23:08

Alexander Kahoun

2,49824 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Alexander Kahoun Over a year ago

@deltree you're not an idiot, and there are no dumb questions.

Steve · Accepted Answer · 2012-03-14 23:08:30Z

1

I haven't worked much with jQuery-UI, but don't you need a JS call to make the button look different?

$("button").button();

answered Mar 14, 2012 at 23:08

Steve

8,6487 gold badges42 silver badges54 bronze badges

Collectives™ on Stack Overflow

Initialize JQuery UI

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related