Jquery UI button issue

Question

Please take a look at this

http://jsfiddle.net/WAre9/4/

The problem is, after changing the text of link, .button() doesn't work properly.

Here is scrshot before:

enter image description here

And after mouse click:

enter image description here

As you see all paddings, font styles have gone. Any suggestion? How to fix this problem?

There are no styles in fiddle.

loler
– loler

2012-07-22 11:08:26 +00:00
Commented Jul 22, 2012 at 11:08 — loler
– loler, Commented Jul 22, 2012 at 11:08
@loler updated. sorry for old link

heron
– heron

2012-07-22 11:10:04 +00:00
Commented Jul 22, 2012 at 11:10 — heron
– heron, Commented Jul 22, 2012 at 11:10

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

This is from How do I replace jQueryUI button text?

Maybe you could use the label option of the jQuery UI button now instead?
$("#mybutton").button().toggle(function() {
  $(this).button('option', 'label', 'Stop');
}, function() {
  $(this).button('option', 'label', 'Start');
});
jsbin preview here

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jul 22, 2012 at 11:10

Troy Cosentino

4,79810 gold badges42 silver badges63 bronze badges

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

3 Comments

heron Over a year ago

this worked for me, thx very much, but why 'option', 'label' not just 'label'??

Troy Cosentino Over a year ago

if you go here: jqueryui.com/demos/button and look, it is because label is one of the 'options' of the button, you can look under methods too. hope this helps

heron Over a year ago

One more thing, it's not related to this question but maybe you know. I'm using CSS reset technique, but jquery-ui widgets including button, are showing very huge, I mean font size. How can I scale size down?

loler · Accepted Answer · 2012-07-22 11:15:34Z

1

It's because the span tag is removed after setting element.text see this fiddle:

http://jsfiddle.net/WAre9/8/

or you can just change text of span element:

http://jsfiddle.net/WAre9/10/

answered Jul 22, 2012 at 11:15

loler

2,5971 gold badge21 silver badges31 bronze badges

Comments

user1502679 · Accepted Answer · 2012-07-22 11:16:14Z

0

http://jsfiddle.net/Bue3B/

use children('span').text...

answered Jul 22, 2012 at 11:16

user1502679

5662 gold badges5 silver badges9 bronze badges

Collectives™ on Stack Overflow

Jquery UI button issue

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related