Question

我讨厌提出这样一个基本问题，但我很难在网上找到可靠的例子。我对所有这些都很绿。

我有以下HTML页面：

<!DOCTYPE html>
<html lang="en">
<head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" >
  $(function (Function1() {
   alert('Hello from JavaScript!');
  }));
 </script>
</head>
<body>
<div class="container">
    <button onclick="Function1()">
        Click me!
    </button>
</div>
</body>
</html>

点击后，我在Chrome控制台中收到以下错误：

未捕获的ReferenceError：未定义Function1

它必须是显而易见的，但我不知道为什么我的函数调用不起作用。我必须有某种JQuery特定的语法错误。

Answer 1

这是您的问题的解决方法：您的语法错误。

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

    <script type="text/javascript">
        function Function1() {
            alert('Hello from JavaScript!');
        }
    </script>
</head>
<body>
    <div class="container">
        <button onclick="Function1()">Click me!</button>
    </div>
</body>

您可以改为创建点击处理程序。

实施例： -

Fiddle

$(function(){

    $('#clickMe').click(function(){
     alert('Hello from JavaScript!');
    })
})

JQuery函数未捕获引用错误

1 个答案:

Fiddle