在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，則圖像和畫布參數的順序已切換：

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