Как я могу добавить вкладки в jQuery UI, используя обработчик onclick?

0

Я пытаюсь добавить информацию о вкладе в существующий контейнер jQuery UI Tab, а затем повторно инициализировать контейнер табуляции для обновления содержимого.

Вот простой пример того, что я пытаюсь сделать: http://jsfiddle.net/dmchale92/Wa69N/

Здесь функция, которую я использую, чтобы добавить базовый тестовый абзац:

$(function () {
a = "<div id='tabs-4'><p>This is a test paragraph.</p></div>"
b = "<li><a href='#tabs-4'>Blog Four</a></li>"
$("#tabs").append(a);
$("#tablist").append(b);
$("#tabs").tabs();
});

Может ли кто-нибудь объяснить мне, почему новый заголовок не сохраняет стиль других вкладок и почему содержимое добавляется в нижнюю часть контейнера вместо разбивки на страницы?

  • 0
    я действительно не проверял этот плагин, но обычно вам нужно уничтожить его раньше: $("#tabs").tabs('destroy').tabs(); РЕДАКТИРОВАТЬ: см. Jsfiddle.net/Wa69N/1 РЕДАКТИРОВАТЬ: лучше использовать метод обновления
  • 0
    О боже. Большое спасибо!
Теги:
tabs

2 ответа

1
Лучший ответ

Вам необходимо обновить его: DOC

DEMO

$("#tabs").tabs( "refresh" );
Поделиться
0

Вам нужно сделать это

$(function () {
$('#tabs').tabs("destroy");
a = "<div id='tabs-4'><p>This is a test paragraph.</p></div>"
b = "<li><a href='#tabs-4'>Blog Four</a></li>"
$("#tabs").append(a);
$("#tablist").append(b);
$("#tabs").tabs();
});

http://jsfiddle.net/farrukhsubhani/Wa69N/2/

Поделиться
  • 0
    Ответ @ a-wolff еще лучше, просто обновите его.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню