javascript - 在 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，图像和 Canvas 参数的顺序已切换:

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