我的 jquery hide 和 show() 在画布上不起作用答案

【问题标题】：My jquery hide and show() don't work on canvas我的 jquery hide 和 show() 在画布上不起作用
【发布时间】：2018-12-17 13:05:44
【问题描述】：

所以，我正在尝试进入 jquery。我有一个脚本，我正在尝试将 jquery 函数应用于画布。但这不会发生。

$(document.ready)(function(){
  $("#example").hide(300).show(500);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <canvas id="example" width="200" height="200" style="border:1px solid #000000;"><canvas/>
<div/>

也许我无法将 jquery 应用于画布。

【问题讨论】：

您对此有何期望？
$(document).ready 不是 $(document.ready)。这是一个简单的印刷错误，因此我已将其标记为此类。

标签： jquery html canvas

【解决方案1】：

以下代码将编译。您错过了 $(document) 周围的括号

    $(document).ready(function(){
        $("#example").hide(300).show(500);
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
    <canvas id="example" width="200" height="200" style="border:1px solid #000000;"><canvas/>
<div/>

【讨论】：

【解决方案2】：

错别字

$(document).ready(function(){
    $("#example").hide(300).show(500);

});

https://jsfiddle.net/lalji1051/bokce2p5/3/

【讨论】：

【解决方案3】：

在您的代码中，ready 函数是错误的。 $(document).ready(function(){ ... });

使用以下代码。这是工作

    $(document).ready(function(){
      $("#example").hide(300).show(500);

    });

【讨论】：

【解决方案4】：

通过将带有链接的脚本标签放在头部，确保 jQuery 链接到您的 html。

然后使用defer，像这样：

<script defer src="filelocation"></script>

此外，请确保将 jQuery 脚本放在本地文件上方，因为 JavaScript 是从上到下读取的。

我注意到你的脚本结束标签拼写错误。

你的结束标签应该看起来像</div>而不是<div/>。

【讨论】：

嗯，没想到会有这么多反应。谢谢你们的帮助，你们无法想象我有多需要它。
@markolosole 如果任何答案可以帮助您解决问题，请记住接受它作为问题的答案。