Javascript 使用HTML5画布教程。菜单不工作。Jquery插件

Javascript 使用HTML5画布教程。菜单不工作。Jquery插件,javascript,jquery,html,canvas,Javascript,Jquery,Html,Canvas,出于某种原因,我为HTML5画布教程的绘图部分编写的代码工作得非常好。但是我不能让菜单显示出来 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript" src="sketch.js"></script> </head> &

出于某种原因,我为HTML5画布教程的绘图部分编写的代码工作得非常好。但是我不能让菜单显示出来

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

        <script type="text/javascript" src="sketch.js"></script>
    </head>
<body>
    <div class="tools">
  <a href="#colors_sketch" data-download="png" style="float: right; width: 100px;">Download</a>
</div>
    <canvas id="simple_sketch" width="1200" height="800"></canvas>
<script type="text/javascript">
  $(function() {
    $('#simple_sketch').sketch();
  });

  $(function() {
    $.each(['#f00', '#ff0', '#0f0', '#0ff', '#00f', '#f0f', '#000', '#fff'], function() {
      $('#colors_demo .tools').append("<a href='#colors_sketch' data-color='" + this + "' style='width: 10px; background: " + this + ";'></a> ");
    });
    $.each([3, 5, 10, 15], function() {
      $('#colors_demo .tools').append("<a href='#colors_sketch' data-size='" + this + "' style='background: #ccc'>" + this + "</a> ");
    });
    $('#colors_sketch').sketch();
  });
</script>

$(函数(){
$('simple_sketch')。sketch();
});
$(函数(){
$。每个(['#f00'、'#ff0'、'#0f0'、'#0ff'、'#00f'、'#f0f'、'#000'、'#fff'])函数(){
$('#colors_demo.tools')。追加(“”);
});
$。每个([3,5,10,15],函数(){
$('#colors_demo.tools')。追加(“”);
});
$('colors_sketch')。sketch();
});

您是否缺少一些代码?除了#colors_sketch和#simple_sketch之外,我没有看到与任何选择器匹配的标记。不,绘图部分实际上工作得很好。完全抱歉,我以为我写的是我在使用sketch.js插件