jQuery UI doesn't apply the theme to a button

Question

I'd like to apply the jQuery UI theme to a button but I couldn't! Why? Here's the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<script src="_code/js/jquery.js" type="text/javascript"></script>  
<script src="_code/js/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script>
<link href="_code/css/redmond/jquery-ui-1.10.0.custom.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<button>Button</button>
</body>
</html>

The result is a normal button without jQuery UI theme! Thanks in advance

which theme? i can't see any one of it.

Talha Akbar
– Talha Akbar

2013-02-09 14:50:09 +00:00
Commented Feb 9, 2013 at 14:50 — Talha Akbar
– Talha Akbar, Commented Feb 9, 2013 at 14:50

Frédéric Hamidi · Accepted Answer · 2013-02-09 14:58:22Z

0

jQuery UI, unlike, say, jQuery Mobile, does not automatically apply widgets to the elements in your page.

You have to explicitly create a button widget around your <button> element:

$(document).ready(function() {
    $("button").button();
});

answered Feb 9, 2013 at 14:58

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

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

2 Comments

QcFe Over a year ago

In the demo page of jQuery there isn't this function. There is no function at all! And if I add that code to mine nothing happens.

MG_Bautista Over a year ago

@Koccy see this example jSfiddle the code of Frédéric Hamidi works fine...

Ishpreet · Accepted Answer · 2013-02-09 14:53:15Z

0

That is because you haven't wrote anything about applying a particular theme to the button. Please learn the basic syntax and usage of jquery: w3schoos.com. The files that you linked would usually give them javascript functions which would happen when you write some jquery code. Some jquery code is also needed. If you took it from a website, then please take a complete tutorial.

answered Feb 9, 2013 at 14:53

Ishpreet

1792 gold badges3 silver badges13 bronze badges

5 Comments

QcFe Over a year ago

I simply looked to the code of jQuery UI demo page and there's no jQuery code inside

Ishpreet Over a year ago

As Frédéric Hamidi said, $("button").button();. This .button(); is the trigger that would cause a function. The actual thing would be mentioned or atleast somewhere in the files

Ishpreet Over a year ago

Please give me the file or link from where you got it

QcFe Over a year ago

Now it works. I used the $("button").button(); method. However I cannot understand how this> jqueryui.com/resources/demos/button/default.html can work!

Frédéric Hamidi Over a year ago

@Koccy, did you miss the call to button() on line 14 of that page's source?

Rajnish Bakaria · Accepted Answer · 2013-02-09 16:10:51Z

0

This is because you have just included the jquery UI files. jquery UI works if you call the functions which are available in jquery UI for different purpose.Eg--

$( "#txtprofession" ).autocomplete({ source: availableTags });

this is the code for autocomplete functionality.here '#txtprofession' this is the id of textbox on which i want autocomplete functionality to be implement.If i don't call the autocomplete() function which is available in jquery UI until then jquery UI theme would not be implementd on the textbox as some classes are to be passed on that textbox by calling the function.

answered Feb 9, 2013 at 16:10

Rajnish Bakaria

1161 silver badge3 bronze badges

Collectives™ on Stack Overflow

jQuery UI doesn't apply the theme to a button

3 Answers 3

2 Comments

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related