-6

重複の可能性:
jsfiddle は機能するのに Web サイトが機能しないのはなぜですか?

こんにちは。申し訳ありませんが、別の質問の回答に問題があります。つまり、http: //jsfiddle.net/Mb6Nd/

私は自分のサイトで次のように使用しようとしました: side.js はhttp://jsfiddle.net/Mb6Nd/の jQuery コードであり、うまくいきませんでした。私を助けてください。

ありがとうございました

 <header>
    <script type="text/javascript" src="side.js"></script>
 </header>
    <style>
    ul li {background-color: #cecece;}
    </style>

    <ul id="mainmenu">
        <li>item 1</li>
        <li>item 2</li>
        <li>item 3</li>
    </ul>
    ​
4

4 に答える 4

2

マークアップが無効です。スタイル タグはヘッダータグの後ではなく、ヘッド タグ内にある必要があります。また、jQuery のメソッドとプロパティを使用するには、最初に jQuery を読み込む必要があります。

<html>
   <head>
       <script type="text/javascript" src='http://code.jquery.com/jquery-latest.js'></script>
       <script type="text/javascript" src="side.js"></script>
       <style>
         ul li {background-color: #cecece;}
       </style>
   </head>
   <body>
       <ul id="mainmenu">
          <li>item 1</li>
          <li>item 2</li>
          <li>item 3</li>
       </ul>
   </body>
</html>
于 2012-09-20T20:17:27.147 に答える
1

おそらくファイル参照エラーでした

jQueryファイルをどこにも含めていません

含む

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

side.jsの上

于 2012-09-20T20:18:07.990 に答える
0

$が定義されていないということですか？はいの場合、jqueryがロードされていません。また、スクリプトがロードされていることを確認してください。システムにfirebugをインストールするか、Google Chromeを使用している場合は、F12キーを押すだけでコンソールが表示され、より鮮明な画像が得られます。

于 2012-09-20T21:14:13.387 に答える
0

間違った html tag があり、さらに jsfiddle には jquery が含まれていますが、含まれていないようです。jquery スクリプトを含める

于 2012-09-20T20:26:57.670 に答える