2017-09-01 6 views
-5

私はhttps://codepen.io/でjQueryを使っていましたが、jQueryを組み込むのはとても簡単です。だから、私は自分のコンピュータ上のファイルで作業することに決めました。私はファイルを使ってそれを組み込もうとしましたが、動作しませんでした。私はCDNからインクルードしようとしましたが、まだ動作しません。にはjQueryからhtmlへ

<button id="btn">Hide</button> 
<p id="para">A dpara.</p> 
+1

ことができますあなたは「それはうまくいかない」よりも詳細を述べてください。コンソールに表示されるエラー(F12キーを押してください) –

+0

とエラー番号 – Amit

+0

のようなエラーの他に、コードの完全な例を教えてください。Stack Overflowへようこそ! [お手伝いをするにはどうすればいいですか?*](/助けてください) –

答えて

1

あなたWeb.jsのJavaScriptファイルではなく、HTMLファイル:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script src="js/Web.js"></script> 

とWeb.jsで

私はこのコードを置きます。 たとえば、 index.htmlという名前の新しいHTMLファイルを作成したいとします。あなたが今望むようにjQueryを使用することができるはず

<!-- index.html: --> 
<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="js/Web.js"></script> 
    </head> 
    <body> 
    <button id="btn">Hide</button> 
    <p id="para">A dpara.</p> 
    </body> 
</html> 

: あなたはそうのように、このいずれかを埋めます。

また、これはあなたが上記の例を持っている必要がありますフォルダ構造です:

  • index.htmlを
  • JS
    • Web.js