在JSFiddle中运行jQuery选项卡

时间:2011-12-21 22:05:55

标签: jquery jquery-ui jquery-ui-tabs jsfiddle

我是jQuery和JSFiddle的新手,并尝试在appendTo的网站上进行一个简单的练习来操作DOM:http://learn.appendto.com/lesson/dom-manipulation-101#exercise

我正在尝试在JSFiddle中运行以下代码,并且没有获得预期的选项卡式行为。我是否应该在CSS中包含一些内容来初始化jQuery标签小部件?

这是JSFiddle:http://jsfiddle.net/albertc44/KhwZS/565/

2 个答案:

答案 0 :(得分:1)

你需要包含CSS - tabs()方法实际上正在工作,但你没有看到所需的样式:

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

这显示了正确的外观 - 因为我已将css作为资源添加到jsfiddle

答案 1 :(得分:1)

从评论中移出。

只是造型问题;尽量包括这个 http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css 在你当前的小提琴。 是一个包含在cdn中的jQuery Ui css。 Bere是您的小提琴更新:http://jsfiddle.net/KhwZS/567/