的onclick和外部JS文件

Question

<p onclick="play()">abc</p> 

JS

function play(){ 
    do something; 
} 

上述工作如果JS代碼是在同一文件中p

但他說：

<script src="index.js"></script> 

index.js

$(document).ready(function() { 
    function play() { 
     do something; 
    } 
}); 

我得到的是ReferenceError: play is not defined

其他功能方面，除了play()效果很好。

Answer 1

$(document).ready(function(){ 
    function play(){ 
     do something; 
    } 
}); 

play（）函數是local到$(document).ready(function(){不global

保鮮膜別在$(document).ready(function(){您的播放功能，以保持它的範圍是全球。

function play(){ 
    do something; 
} 

閱讀Global and Local and Private Functions (Javascript)

和What is the scope of variables in JavaScript?

Answer 2

這是由於範圍。

play()在該級別不可見，因爲它被包裹在您的$(document).ready函數中。

Answer 3

沒有必要把它放在$(document).ready(function() {..}

只是提到它在你的index.js作爲

function play(){ 
    do something; 
} 

刪除$(document).ready(function() {