Question

我有此代码，我想隐藏一个div，点击标签我当时使用一些jQuery脚本来执行此操作，但是我不知道为什么，这些脚本没有加载。

代码：

<body>
         <div class="myprojects">
             <a href="">my projects</a>
         </div>

         <br>

         <div class="links">
             <a href="https://domain.gq" target="_blank">domain.gq</a>
             <br>
             <a href="https://domain.art" target="_blank">domain.art</a>
         </div>

         <div class="contactme">
             <a href="mailto:adress@domain.me">contact me</a>
         </div>
         
         <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

         <script>
             $('#links').hide();
         </script>

         <script>
             $(document).ready(function(){
                     $("#myprojects").click(function(){
                         $("#links").fadeToggle();
                     });
             });
         </script>
         
     </body>

我希望人们单击“我的项目”，然后显示链接div，但脚本未加载。

Answer 1

您在多个地方遇到选择器问题。例如：

您使用了id选择器

$('#links').hide();

您应该使用类选择器：

$('.links').hide();

与#myprojects相同的问题，它应该是.myprojects的类选择器。

顺便说一句，为什么不将隐藏逻辑放在$(document).ready方法中？

<div class="links">
  <a href="https://domain.gq" target="_blank">domain.gq</a>
  <br>
  <a href="https://domain.art" target="_blank">domain.art</a>
</div>

<div class="contactme">
  <a href="mailto:adress@domain.me">contact me</a>
</div>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<script>


</script>

<script>

$(function() {
  $('.links').hide();
    $(".myprojects").click(function() {
      $(".links").fadeToggle();
    });
});

</script>

jQuery脚本未加载到我的网站上

1 个答案: