Question

我正努力工作2天，让这个jquery在我的HTML页面中工作。最后，当我把脚本标签放在头下时，它工作了。这是正常的吗？

我尝试了一切：来自ajax google apis的链接脚本。 - 将其与maven依赖关联起来。 - 从文件夹链接。

这不起作用：

<html>
<head>
<title>Home</title>

</head>
<body>      

    <a href="#" id="button">click me</a>

    <div id="show_hide" style="display: none;">
        hey
    </div> 

    <script  type="text/javascript">
    $(document).ready(function(){

            $('#button').click(function() {
                $('#show_hide').show();

            });     
    });
    </script>

    <script src="webjars/jquery/1.9.1/jquery.min.js"></script>
</body>
</html>

，这有效：

<html>
<head>
<title>Home</title>
<script src="webjars/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>      

    <a href="#" id="button">click me</a>

    <div id="show_hide" style="display: none;">
        hey
    </div> 

    <script  type="text/javascript">
    $(document).ready(function(){

            $('#button').click(function() {
                $('#show_hide').show();

            });     
    });
    </script>


</body>
</html>

Answer 1

你必须在包含jQuery之后编写你的脚本。

像这样：

<html>
  <head>
   <title>Home</title>
  </head>
  <body>                
    <a href="#" id="button">click me</a>    
    <div id="show_hide" style="display: none;">
      hey
    </div> 
    <script src="webjars/jquery/1.9.1/jquery.min.js"></script>
    <script  type="text/javascript">
      $(document).ready(function(){
          $('#button').click(function() {
          $('#show_hide').show();   
        });     
      });
    </script>
  </body>
</html>

如果我之前放置它，Jquery不起作用，但是如果我把它放进去的话就可以工作

1 个答案: