Question

我正在使用jquery document.ready编写一个webgame。当我在html中调用js函数时，它不起作用：

JS：

$(document).ready(function(){
    function init(){blablabla...}
})

HTML：

<script src="function.js"></script>
<script>
function bla(){
    if (blablabla)
        init();
}
</script>

我只用了几个星期就学会了html和js。我不知道为什么它不起作用。

Answer 1

请按照下一步：

有两个版本的jQuery可供下载：缩小和压缩

jQuery库是一个单独的JavaScript文件，您可以使用HTML <script>标记引用它（请注意<script>标记应位于<head>部分内）：

像：

<head>
<script src="jquery-1.12.0.min.js"></script>
</head>

您可能已经注意到我们的示例中的所有jQuery方法都在文档就绪事件中：

<script>
    $(document).ready(function(){

       // jQuery methods go here...

    }); 
</script>

Answer 2

实现预期结果的一种方法是将init设置为document

的属性

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script>
  $(document).ready([
    function() {
      function init() {
        // do stuff
        alert("blablabla...") 
      }
      // set `init` as property of `document`
      this.init = init;
    },
    function bla() {
      if ($.isReady /* blablabla */)
        document.init();
    }
  ])
</script>
<body></body>

＆＃13;

如何在html中调用js document.ready函数？

2 个答案: