Question

我试图点击一个按钮调用一个函数。我在顶部包含jquery但功能不起作用。请看我的代码

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
 $(document).ready(function(){
    function check_me(){
        alert(0123);
   }
 });
  </script>
   </head>
   <body>
    <button id="ids" value="123" onClick="check_me();" >click me </button>
   </body>
       </html>

Answer 1

将该功能置于文件准备之外

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

 });
 function check_me(){
        alert(0123);
   }
  </script>

Answer 2

您已经包含了jQuery库，但您仍在使用javascript。您需要绑定click事件，如下所示

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
 $(document).ready(function(){
    //selecting jquery using id
    $('#ids').click(function(){
        alert(0123);
   });
 });
  </script>
   </head>
   <body>
    <button id="ids" value="123" >click me </button>
   </body>
</html>

<强> More Information on jQuery Selectors

注意 - 请确保您使用jquery的每个元素都有唯一的ID。

Answer 3

保持check_me功能不在文档准备状态。你的脚本应该是：

<script>
    function check_me(){
        alert(0123);
   }
  </script>

仅

js onclick功能不起作用

3 个答案: