6

スペクトルカラーピッカーhttp://bgrins.github.io/spectrum/を実装しようとしています

html ファイルと同じフォルダーに、スペクトル css ファイルとスペク​​トル js ファイル、および jquery 1.9.0 ファイルがあります。

私が得ているのは、画面上の入力ボックスだけで、カラーピッカーはありません。私はfirefox/chromeとIEで試しましたが、何もしませんでした。

追加のファイルが必要だと書かれている場所がどこにもありません

おそらく本当に明白なことだと思うので、誰か助けてください

ここにhtmlファイルのコードがあります

<!DOCTYPE html>
 <html>
 <meta charset="utf-8" />
 <head>
   <link rel="stylesheet" type="text/css" href="spectrum.css ">
   <script type="text/javascript" src="jquery-1.9.0.js"></script>
   <script type="text/javascript" src="spectrum.js"></script>
   <script>
     $(".my_color").spectrum({
        color: "#f00"
     });
   </script>
  </head>

  <body>
   <input type='text' class="my_color" />
  </body>
  </html>
4

2 に答える 2

8

DOM の読み込みが完了したら、必ずスクリプトを呼び出してください。

$(document).ready(function() {
   $(".my_color").spectrum({
      color: "#f00"
   });
});

正しい実行順序で正常に動作します: http://jsfiddle.net/xqdBd/

DOM の読み込みが完了する前に JavaScript が呼び出されるため、 http://jsfiddle.net/xqdBd/1/が機能しなくなったことに注意してください。

別の問題はここにあります：

<link rel="stylesheet" type="text/css" href="spectrum.css ">

の末尾に余分なスペースがあることに注意して"spectrum.css "ください。または、JavaScript ファイルが読み込まれていません。あなたが使用しているページを見なければ、それを知ることは不可能です.

于 2013-05-02T09:44:15.390 に答える