Javascript 在jQuery中找不到id为maincanvas的元素？

这就是我得到的错误

uncaught exception: Could not find element maincanvas

我已经包含了jQuery文件并检查了拼写，但错误似乎是因为其他原因

<a href="#" id="colorbtn" class="btn">Add Blue</a>           
<canvas id="maincanvas"></canvas>
<script type="text/javascript">
var canvas = $('#maincanvas');
var ctx    = canvas[0].getContext("2d");
var $color      = $('#colorbtn');

Caman('image.jpg','#maincanvas', function(){
this.revert(false);
this.render();
});

$color.on('click', function(e){
e.preventDefault();
Caman('image.jpg','#maincanvas', function(){
this.colorize(60, 105, 218, 10);
this.render();
});
});
</script>

变量画布=$（“#主画布”）；
var ctx=canvas[0].getContext（“2d”）；
var$color=$（“#colorbtn”）；
Caman（'image.jpg'，'#maincavans'，function（）{
此项。还原（假）；
这个。render（）；
});
$color.on（'click'，函数（e）{
e、 预防默认值（）；
Caman（'image.jpg'，'#maincavans'，function（）{
这个。着色（6010521810）；
这个。render（）；
});
});

---

是什么导致了这个错误？

正如@ShaunakD所说的，等待文档准备就绪

此外，如果您使用的是CamanJS v4，则图像和画布参数的顺序已切换：

Caman("#maincanvas", "image.jpg", function() {});

---

Caman是一个javascript库吗？是的，它是一个画布操作库。将您的jQuery包装在

$（function（）{..}）

文档准备就绪。@ShaunakD。。。我想说的是，我使用的是3.2版，但错误依然存在。我还试图把它全部放在文档中，但这并没有帮助