2011-12-21 14 views
1

でjQueryのタブを実行している私はjQueryとJSFiddleに新しいですし、DOMを操作するためのappendToのサイトで簡単なエクササイズやってみました:私はJSFiddleに次のコードを実行しようとしていると予想されるが届かないのですhttp://learn.appendto.com/lesson/dom-manipulation-101#exerciseJSFiddle

をタブ付きの動作。 jQueryのタブウィジェットを初期化するためにCSSに何かを含める必要がありますか?ここで

はJSFiddleは次のとおりです。http://jsfiddle.net/albertc44/KhwZS/565/

+5

"リソースの追加"にjQueryUIテーマを含める必要があります –

+3

この「http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui- lightness/jquery-ui.css "はcdnからのjqueryです。フィドルが更新されました:http://jsfiddle.net/KhwZS/567/ –

+0

@エドワードは本当に良いです、なぜあなたはこれを答えとして投稿しないのですか...私は今それを行うことができました;)しかし、私はあなたが評判それのポイント。私はあなたの答えをアップアップします...あなたが投稿した場合。 – dknaack

答えて

1

コメントから移動しました。

スタイリングの問題のみです。この http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css を現在のフィドルに含めるようにしてください。 cdnからjQueryを使用しています。 Bereは更新されました:http://jsfiddle.net/KhwZS/567/

+0

エドワード答えをありがとう。 「リソース」はJSFiddleの左上にある「フレームワーク」とどう違うのですか?私はjQuery UI 1.8.9を含めて、スタイリングのための適切なライブラリをロードすると考えました。 – atc

+0

"フレームワーク"を追加することで、望ましいjsフレームワークを組み込むことができますが、適切なCSSは正しくありません。ここでは、jsfiddleの使い方の詳細な文書があります。http://doc.jsfiddle.net/basic/introduction.html#choose-framework –

+0

すべてはクリアですか?すべてがOKであれば、答えを確認してください。 –

1

あなたはCSSを含める必要があり - タブ()メソッドは、実際に働いているが、あなたは所望のスタイルを参照してくださいいけない:

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

これはあなた示し正しい見た目 - リソースとしてjsfiddleにCSSを追加したので、