Question

在这些日子里我正在研究jQuery和JavaScript，所以我决定在我的代码中为jQuery添加Google Hosted Library，具体来说就是在head标签上。它看起来像是：

<head>
<!-- Other things like meta tags and css reference are above this-->
    <script type="text/javascript" src="js/javascript.js" async></script>
    <script> src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" async></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js" async></script>
</head>

我想隐藏我的标头标签，并在点击div后用jQuery效果显示它。仅仅为了“初始测试”，我在jQuery上执行了以下命令：

//js/javascript.js file
$(document).ready(function() {
     $('header').hide():
});

但即使这个简单的事情也行不通。我已经更改了脚本标记的位置（将它放在标记主体末尾之前）和托管库。没改变......

我的标题：

<header>
  <nav>
   <ul>
    <a href="#">
     <li>
      Home
     </li>
   </a>
    <a href="#">
     <li>
      Archives
     </li>
   </a>
  </ul>
 </nav>
</header>

如果你们帮助我，我真的很感激。 ~~对于任何英语错误，我很抱歉，我不是母语~~

编辑：我忘了写：插件有时工作但是没有理由停止。

问题解决了。正如Robert Rozas所说，我必须删除脚本标签上的每个异步。谢谢你们的帮助。

Answer 1

在本地JavaScript文件之前加载jquery库。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" async></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js" async></script>
<script src="js/javascript.js" type="text/javascript" async></script>

另外，你错过了分号。声明应该是：

$('header').hide();
//                ^ Notice the semi-colon here

Answer 2

实际上，正确的答案是删除每个脚本上的async属性，如下所示：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
<script src="js/javascript.js" type="text/javascript"></script>

jQuery插件不起作用（有时......突然）

2 个答案: