コードペンでjQueryを使用することはできません

-1

私はちょうどjクエリの学習を開始し、コードペンでテストしたいのですが、私は意図した結果を得ることができません。以下は https://codepen.io/Sunny143/pen/MrJqrM コードペンでjQueryを使用することはできません

私のHTMLコードの下

<head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1  /jquery.min.js"></script></head> 
<body> 
    <h1>Hello World!</h1> 
</body>

はこの1で私を助けてください、私のJクエリコード

$(document).ready(function(){ 
    $("h1").mouseOver(function(){ 
    alert("mouseover the heading"); 
    }); 
});

です、事前にありがとうございました。

編集：私は私の質問を明確しまったようなので、そのリンクを参照しないでください

出典

2017-12-27 G. Santosh

何を得るために期待していることを試してみて、あなたは何を得るのですか？ –

あなたのコンソールを見た場合、あなたのコード内の構文エラーがあります。 mouseOverの代わりにmouseoverを使用してください。だからから、あなたのコードを置き換える：あなたはキャメルケースを使用することはできません

$(document).ready(function(){ 
    $("h1").mouseover(function(){ 
    alert("mouseover the heading"); 
    }); 
});

出典

2017-12-27 08:54:39

ありがとうございました。 –

偉大な、あなたは今私の答えを受け入れることができます。 :) –

がmouseoverにmouseOverを変更する必要がなかったが、jQueryのようCodepenで正常に動作します私は上記の与えられたコードペンリンクでコードを変更代わりに、あなたのペンの設定を使用して外部リソースを追加することができます<head>ローディングライブラリで、ここhttps://codepen.io/anon/pen/NXdLVJまた

$(document).ready(function(){ 
    $("h1").mouseover(function(){ 
    alert("mouseover the heading"); 
    }); 
    });

見。

出典

2017-12-27 08:53:55 Darren

ああ、すでに@Nasqashによって回答されています。編集に関するご質問がありましたら幸いです。 – Darren

：に

$(document).ready(function(){ 
    $("h1").mouseOver(function(){ 
    alert("mouseover the heading"); 
    }); 
});

。

は

.mouseover()

を試すか

$(document).ready(function(){ 
    $("button").on('mouseover',function(){ 
    $("h1").toggle(1000); 
    }); 
});

出典

2017-12-27 10:39:05

コードペンでjQueryを使用することはできません

答えて

関連する問題