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

Question

这是我得到的错误

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>

导致此错误的原因是什么？

Answer 1

正如@ShaunakD所说，等待文档就绪。

另外，如果您正在使用CamanJS v4图像的顺序＆amp;画布参数已切换：

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