Запуск вкладок jQuery в JSFiddle

Я новичок в jQuery и JSFiddle и попытался выполнить простое упражнение на сайте appendTo для управления DOM: http://learn.appendto.com/lesson/dom-manipulation-101#exercise

Я пытаюсь запустить следующий код в JSFiddle и не получаю ожидаемого поведения с вкладками. Должен ли я включать что-то в CSS для инициализации виджета вкладок jQuery?

Вот JSFiddle: http://jsfiddle.net/albertc44/KhwZS/565/


jquery jquery-ui jsfiddle jquery-ui-tabs
person atc    schedule 21.12.2011    source источник
comment
Вам нужно включить тему jQueryUI в разделе «Добавить ресурсы».   -  person Andrew Whitaker    schedule 22.12.2011
comment
Попробуйте включить этот ajax.googleapis.com /ajax/libs/jqueryui/1/themes/ui-lightness/ — это jquery ui css из cdn. Обновленная скрипта: jsfiddle.net/KhwZS/567   -  person Irvin Dominin    schedule 22.12.2011
comment
@ Эдвард, действительно хорошо, почему ты не публикуешь это как ответ ... я мог бы сделать это сейчас;) Но я думаю, что для этого тебе нужно получить очки репутации. Я поддержу ваш ответ ... если вы опубликуете его.   -  person dknaack    schedule 22.12.2011

Ответы (2)


arrow_upward
1
arrow_downward

Перенесено из комментария.

Это только вопрос стиля; попробуйте включить этот http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css в текущей скрипте. Является ли jQuery Ui css включенным из cdn. Будьте уверены, ваша скрипка обновлена: http://jsfiddle.net/KhwZS/567/

person Irvin Dominin    schedule 21.12.2011
comment
Спасибо за ответ, Эдуард. Чем Ресурсы отличаются от Фреймворков в верхнем левом углу JSFiddle? Я думал, что включив jQuery UI 1.8.9, он загрузит правильную библиотеку для стилей. - person atc; 22.12.2011
comment
Добавляя фреймворк, вы включаете желаемый фреймворк js, но не правильный css. Вот подробная документация по использованию jsfiddle doc.jsfiddle.net/basic/ введение.html#выберите-фреймворк - person Irvin Dominin; 22.12.2011
comment
Хорошо, тогда, чтобы закрыть вопрос, отметьте ответ зеленой галочкой. Рад помочь вам. - person Irvin Dominin; 26.12.2011

arrow_upward
1
arrow_downward

Вам нужно включить CSS - метод tabs() действительно работает, но вы не видите желаемого стиля:

http://jsfiddle.net/KhwZS/568/

это показывает вам правильный вид - поскольку я добавил css в jsfiddle в качестве ресурса

person Manse    schedule 21.12.2011