时间戳

首页 > 解决方案 > 如何修复忽略/未针对特定 ID 执行 jQuery 隐藏功能的脚本

jquery - 如何修复忽略/未针对特定 ID 执行 jQuery 隐藏功能的脚本

问题描述

我正在尝试使用 jQuery 隐藏功能隐藏我网页上的链接。我在内联脚本中有这个函数，由于某种原因，这个链接不会被隐藏。

我将 hide 函数嵌套在 jQuery(document).ready 函数中，并在此 ready 函数之外尝试过，但均无效。我可以在浏览器的控制台中输入隐藏功能（使用 Chrome），它会完美地删除我想要删除的链接。我在这个脚本中还隐藏了一些其他的东西，特别是一些文本区域，它们被正确隐藏了，所以脚本正在执行。

<script>
jQuery(document).ready(function() {
jQuery('.HiddenContent').hide();
jQuery('#picker-link').hide();});
</script>

<textarea class="HiddenContent">example</textarea>
<a id="picker-link">link text</a>

这应该隐藏基于它适用于文本区域的链接，我无法弄清楚为什么它不是。我没有看到任何错误消息，因为如果直接输入控制台，此功能将起作用。任何帮助表示赞赏。

标签： jquery

解决方案

所以我尝试了以下方法，它奏效了。jquery 的问题是你必须等到文档准备好然后它才能工作。还要确保你指定了你在 jquery 中使用的库。例如，我使用 googleapis.com。

<!DOCTYPE html>
<html>
    <head>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
     <script>
       $(document).ready(function(){
        $('.HiddenContent').hide();
        $('#picker-link').hide(); 
       });
     </script>
    </head>
    <body>
      <textarea class="HiddenContent">example</textarea>
      <a id="picker-link">link text</a>
    </body>
</html>

推荐阅读