なぜこの単純なコードは機能しませんか？jQueryコードを書く方法、またはonclick属性でjQuery関数を呼び出す方法
<div onClick="myFunction()"></div>
$(document).ready(function(){
function myFunction(){
alert("sss");
}
})
JSファイルが外部にあり、それが私のHTMLページのheadで呼ばれています。その前にjQueryライブラリが追加されています。
on*から呼び出される関数は、windowの範囲内にある必要があるため、機能しません。あなたのコードは、関数をjQueryのdocument.readyハンドラの中に置きます。このお試しください：
function myFunction() {
alert("sss");
}<div onClick="myFunction()">Click me</div>をあなたはon*イベント属性を用いたものを、多くの中で、このような理由のために時代遅れと見なされていること、しかし注意してください。代わりに、ネイティブJSのいずれかで、あなたのイベントハンドラをアタッチする控えめなJSコードを使用する必要があります。
document.querySelector('div').addEventListener('click', function() {
alert("sss");
});<div>Click me</div>かのjQueryを、あなたはすでにそれを使用しているように見えるよう：
$(function() {
$('div').on('click', function() {
alert("sss");
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Click me</div>