HTML、javascript、jQuery - 初心者

私はちょうどHTML、javascript、jQueryの学習を始めましたが、これら3つをリンクすることはできません。は、これまでのところ、私がやったことです： HTMLファイル：あなたが見ることができるようにHTML、javascript、jQuery - 初心者

$(".alert-btn").click(function(){ 
    alert("Hey there!"); 
});

、私はの頭部分にリンクを入れてみました：ファイルのjavascript

<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
    <script type="text/javascript" src="test.js"></script> 
    <link rel="stylesheet" href="test.css" type="text/css"/> 
</head> 
<body> 
    <button class="alert-btn">Click me for alert</button> 
</body>

htmlファイルですが、動作しません。何が間違っているのですか？何を追加する必要がありますか？

出典

2016-08-16 Anon Ymous

は、test.jsファイルのjavascriptですか？ –

HTMLと対話したい場合は（クリックハンドラを割り当てることで）、HTMLが完全に読み込まれるまで待つ必要があります。これを行うには、すべてのJSコードを '$（document）.ready（...） 'にラップします。https://learn.jquery.com/using-jquery-core/document-ready/ –

あなたのパスjavascriptファイルが正しくありません。ここを見て、うまくいきます：https://jsfiddle.net/ovc6p0kq/2/ –

コード場合：

$(".alert-btn").click(function(){ 
    alert("Hey there!"); 
});

は、DOM要素がロードされた後、このファイルをロードする必要がありtest.jsファイルにあります。

<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
    <link rel="stylesheet" href="test.css" type="text/css"/> 
</head> 
<body> 
    <button class="alert-btn">Click me for alert</button> 
    <script type="text/javascript" src="test.js"></script> 
</body>

出典

2016-08-16 14:56:37

これはうまくいきます。どうもありがとうございました。 –

私は間違いなく、 `$（文書）を使用します。ヘッダーに準備完了（...）が表示されます。

出典

2016-08-16 14:58:02 sgr0691

HTML、javascript、jQuery - 初心者

答えて

関連する問題