Проблема с кнопкой пользовательского интерфейса Jquery

Пожалуйста, взгляните на это

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

Проблема в том, что после изменения текста ссылки .button() работает некорректно.

Вот скриншот до:

введите здесь описание изображения

И после щелчка мыши:

введите здесь описание изображения

Как вы видите, все отступы, стили шрифтов исчезли. Любое предложение? Как решить эту проблему?


javascript button jquery jquery-ui jquery-ui-button
person heron    schedule 22.07.2012    source источник
comment
В скрипке нет стилей.   -  person F0G    schedule 22.07.2012
comment
@loler обновлен. извините за старую ссылку   -  person heron    schedule 22.07.2012

Ответы (3)


arrow_upward
1
arrow_downward

Это из Как заменить текст кнопки jQueryUI?

Может быть, теперь вместо этого вы могли бы использовать опцию label кнопки jQuery UI?

$("#mybutton").button().toggle(function() {
  $(this).button('option', 'label', 'Stop');
}, function() {
  $(this).button('option', 'label', 'Start');
});

предварительный просмотр jsbin здесь

person Troy Cosentino    schedule 22.07.2012
comment
это сработало для меня, большое спасибо, но почему «опция», «метка», а не просто «метка» ?? - person heron; 22.07.2012
comment
если вы зайдете сюда: jqueryui.com/demos/button и посмотрите, это потому, что ярлык один из «параметров» кнопки вы также можете посмотреть в разделе «Методы». надеюсь это поможет - person Troy Cosentino; 22.07.2012
comment
Еще одна вещь, это не связано с этим вопросом, но, может быть, вы знаете. Я использую технику сброса CSS, но виджеты jquery-ui, включая кнопку, отображаются очень большими, я имею в виду размер шрифта. Как я могу уменьшить размер? - person heron; 22.07.2012

arrow_upward
1
arrow_downward

Это потому, что тег span удаляется после установки element.text см. эту скрипту:

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

или вы можете просто изменить текст элемента span:

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

person F0G    schedule 22.07.2012

arrow_upward
0
arrow_downward

http://jsfiddle.net/Bue3B/

использовать детей('промежуток').текст...

person user1502679    schedule 22.07.2012