Question

index.html中的代码

<head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</head>

<body onload="loadIndex()">
<a id="registration" href="register.html"> Register </a>
</body>

index.js中的代码

function loadIndex() {
alert("Page is loaded");
$("#registration").hide();
}

我得到警报，但链接没有隐藏。我有更多的文件，这在任何文件中都不起作用。我认为错误不在代码中，但我不知道在哪里。

Answer 1

除了一个很小的语法问题外，你的代码还可以。您只是错过了结束标记</head>。检查以下代码：

function loadIndex() {
  alert("Page is loaded");
  $("#registration").hide();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<head>
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
</head>

<body onload="loadIndex()">
  <a id="registration" href="register.html"> Register </a>
</body>

Answer 2

尝试此设置：

<head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
  <script>
     $(document).ready(function(){
       alert("Page is loaded");
       $("#registration").hide();
     });
  </script>
</head>
<body>
   <a id="registration" href="register.html"> Register </a>
</body>

Answer 3

之前我遇到jQuery v1.11同样的问题，我通过在css文件中创建新类来解决这个问题，如下所示：

.hidden {
  display : none;
}

并且对于show和hide elem，我添加并从elem中删除了隐藏的类。

隐藏：$(elem).addClass('hidden');

显示：$(elem).removeClass('hidden');

jquery中的Hide（）不起作用

3 个答案: