昨日からjqueryを使ってみたのですが、どうしてもうまく表現できません。
書籍のwebcreators6月号を参考にしてほぼそのままのソースを打ち込んだのですが、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>ページ1</p>
<p>ダミー</p>
</div>
<div id="fragment-2" style="margin-top:150px;">
<p>ページ2</p>
<p>ダミー</p>
</div>
</div>
</body>
</html>
となっています。
javascriptについてはあまり知識がないので、どの部分が悪いのか教えて頂けないでしょうか?
皆様お忙しい中ご迷惑をおかけしますが、よろしくお願いいたします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.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やブラウザなど)の詳細が必要です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
変数名をどのようにつけるのが...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
特定の文字列を複数抜き出した...
-
読み込んだQRコードをフォーム...
-
スマホ上で、左右スワイプで次...
-
二次元配列の中の各行の要素を...
-
セレクトを全て選択されていな...
-
オブジェクト配列の各メンバを...
-
階層別の組織図の自動作成について
-
jQueryで同じクラス名のものを...
-
Json のキーと値の出力の違いに...
-
ボタンを押したあとに画像を表...
-
IndexedDB を使ってファイルア...
-
セレクトボックスで配列を呼び...
-
2段階プルダウンで1段階目の選...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二次元配列を使って順位をだす...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
-
ジャバスクリプトについて。
-
画面遷移を行わずに同一ページ...
-
特定の文字列を複数抜き出した...
-
指定時間になったら、WEBサイト...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
スマホ上で、左右スワイプで次...
-
読み込んだQRコードをフォーム...
-
フロントエンドフレームワーク...
-
React hooksが値を返して配列変...
-
GASでGoogleフォームの自動返信...
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
HTMLで作った時報アプリが動き...
-
jQueryで同じクラス名のものを...
おすすめ情報