Question

我的主要HTML中有以下内容：

jQuery(document).ready(function(){
jQuery('body').flvplay(songlist, {something});});

我想把它移到一个单独的JS文件中并从主html进行函数调用。我用以下内容创建了新的JS：

play()
{
jQuery('body').flvplay(songlist, {something});
}

最后，在包含新的JS文件后，我从主html调用了play函数：

<script type="text/javascript">
play();
</script>

由于某种原因，这不起作用。上面有什么问题吗？谢谢你的帮助。

Answer 1

您需要使用function关键字声明函数：

function play()
{
    jQuery('body').flvplay(songlist, {something});
}

此外，您删除了$(document).ready(...)，这很重要，否则您可能会尝试操作因尚未加载而不存在的元素。您可能希望将调用代码修改为如下所示：

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

如果您不使用function关键字，则引用文件中的代码将被解析为：

play()  // call the function `play` (which has not yet been defined)
        // as it does not yet exist, an error is thrown and execution is halted
{  // open a block (which is not useful here,
   //               since JavaScript has no block scope)
     jQuery('body').flvplay(songlist, {something});  // do something with body
}

Answer 2

function

之前没有play()个关键字

function play()
{
    jQuery('body').flvplay(songlist, {something});
}

将函数放在一个单独的js文件中

2 个答案: