みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

jquery ulのtab切り替えについて

昨日からjqueryを使ってみたのですが、どうしてもうまく表現できません。

書籍のwebcreators6月号を参考にしてほぼそのままのソースを打ち込んだのですが、CSSとJavascriptが機能していません。

ソースは

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<link href="../js/jquery.ui/themes/flora/flora.all.css" rel="stylesheet" type="text/css" title="Flora(Default)" />
<script language="JavaScript" type="text/javascript" src="../js/jquery.ui/ui/ui.tabs.js"></script>
<script language="JavaScript" type="text/javascript" src="../js/jquery.ui/jquery-1.2.6.js"></script>

<script type"text/javascript">
$(window) .bind ('load',function(){
$('#container-1>ul').tabs();
});
</script>



<title>無題ドキュメント</title>


</head>

<body>
<div id="container-1" >
<ul>
<li><a href="#fragment-1"><span>ホワイト</span></a> </li>
<li><a href="#fragment-2"><span>ブラック</span></a></li>
</ul>
<div id="fragment-1">
<p>ページ1</p>
<p>ダミー</p>
</div>
<div id="fragment-2" style="margin-top:150px;">
<p>ページ2</p>
<p>ダミー</p>
</div>
</div>
</body>

</html>

となっています。

javascriptについてはあまり知識がないので、どの部分が悪いのか教えて頂けないでしょうか?

皆様お忙しい中ご迷惑をおかけしますが、よろしくお願いいたします。

投稿日時 - 2008-07-29 09:37:17

QNo.4212031

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

5人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

<link href="../js/jquery.ui/themes/flora/flora.all.css" rel="stylesheet" type="text/css" title="Flora(Default)" />
<script language="JavaScript" type="text/javascript" src="../js/jquery.ui/ui/ui.tabs.js"></script>
<script language="JavaScript" type="text/javascript" src="../js/jquery.ui/jquery-1.2.6.js"></script>

となっていますが、ファイルへのパスは合っていますか。
また、JavaScriptについてはJavaScriptコンソールなどを使用して
エラーになっていないことを確認してください。

あとこの場合、動作環境(特にOSやブラウザなど)の詳細が必要です。

投稿日時 - 2008-07-29 11:24:09

あなたにオススメの質問