Question

由于某种原因，这个简单的代码块不会在我的浏览器中执行。即使有一个就绪处理程序，JQuery函数也不会执行。

<!DOCTYPE html PUBLIC>
<html>
  <head>    
    <title></title>
  </head>
  <body>
    <button id="btn">click me</button> 

    <script type="text/javascript">

        $(document).ready(function(){
           $('#btn').css("font-size", "1.5em");
           $('#btn').click(function(){
              $('#btn').hide();
           });
        });

    </script>
    <script src=
    "//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type=
    "text/javascript">
</script>
  </body>
</html>

Answer 1

在执行jQuery调用之前加载.js文件：

<!DOCTYPE html PUBLIC>
 <html>
   <head>    
     <title></title>
   </head>
   <body>
   <button id="btn">click me</button> 
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" />

   <script type="text/javascript">

    $(document).ready(function(){
       $('#btn').css("font-size", "1.5em");
       $('#btn').click(function(){
          $('#btn').hide();
       });
    });

   </script>

Answer 2

jquery的URL中缺少“http”。

Answer 3

在完全初始化jquery之后调用ready处理程序，只有这样你才能确保所有jquery功能都能完成他们应该做的事情。

JQuery函数不起作用。包括就绪处理程序

3 个答案: