1

これを正しく動作させることができません。これは、Webサイトhttp://nicolahibbert.com/demo/liteAccordion/の「BasicImplementation」の下に表示される方法を正確に表示します。これは通常の順序付きリストです。私は今日早くにこれをサイトに実装しました、そしてそれはうまくいきました、しかし今私は家にいて、それがうまくいかない別のものにそれをしようとしています。

ここにいくつかのコードがあります...

<head>
<meta charset="utf-8" />
<title>506 Media</title>
<link rel="stylesheet" type="text/css" href="/Content/CSS/Site.css" />
<link rel="stylehseet" type="text/css" href="/Content/CSS/liteaccordion.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="/Scripts/modernizr-1.7.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/Scripts/liteaccordion.jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('#content-container').liteAccordion();
    });
</script>
</head>

ここにもう少しhtmlがあります...

<div id="content-container">
<ol>
    <li>
        <h2><span>Slide One</span></h2>
        <div>
            Test 1
        </div>
    </li>
    <li>
        <h2><span>Slide Two</span></h2>
        <div>
            Test 2
        </div>
    </li>
</ol>
</div>

本体にスクリプトを追加してみましたが、サイトに表示されている$（function（）なしで、何も表示されていません。単純な順序付きリストです。JavaScriptエラーもありません。何が間違っているのでしょうか。

編集：また、ページの実行後にソースを確認すると、いくつかのクラスとスタイル属性が必要なhtmlには何も適用されないため、.liteAccordion（）は私のdivに何もしません...しかし、エラーはありません？

4

2 に答える 2

0

参照したフォルダ構造がないと、タグにあるURLに基​​づいてページが読み込まれるときに、スクリプトまたはCSSファイルが認識されないように聞こえます。お気に入りのブラウザでページを開き、F12キーを押して、ブラウザに応じて[リソース]または[スクリプト]タブを選択し、ファイルの横に赤いxが付いているかどうかを確認します。

于 2012-05-30T00:40:27.043 に答える
0

さて、リソースを再確認した後、それらのいずれにも赤いxはありませんでしたが、クラスとアコーディオンを作成したhtmlに適用されていないものに気づきました。それが機能していることに気づきましたが、CSSが適用されておらず、リソースを再確認していませんでした。必要なスタイルシートはHTMLヘッダーにありましたが、リストにありませんでした。問題は、上記のコードでわかるように、...

<link rel="stylehseet" type="text/css" href="/Content/CSS/liteaccordion.css" />
// Should Be
rel="stylesheet"

それは私たちを狂わせる小さな、最も明白なものです。

于 2012-05-30T22:50:58.707 に答える