アプリ版：「スタンプのみでお礼する」機能のリリースについて

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

締切済

  • 質問者：shin1104
  • 質問日時：
  • 回答数：1件

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

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

ソースは

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<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>ページ１</p>
<p>ダミー</p>
</div>
<div id="fragment-2" style="margin-top:150px;">
<p>ページ２</p>
<p>ダミー</p>
</div>
</div>
</body>

</html>

となっています。

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

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1

  • 回答者： pick52
  • 回答日時：

<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やブラウザなど)の詳細が必要です。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報