javascript - CamanJS 过滤器对按钮点击无响应？

Question

我正在使用以下代码在按钮单击时应用过滤器

<canvas id="canvas"></canvas>
<a href="#" id="vig">Vignette</a>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/camanjs/3.2/caman.full.min.js">
<script type="text/javascript">
var vig = $('#vig');

vig.on('click', function(e){
alert("Button Clicked");
Caman("image.jpg", "#canvas", function(){
this
    .vignette(300, 60)
    .render();
});
});
</script>

当我单击按钮时，我收到警报，但 camanJS 过滤器不执行任何操作。如果我将过滤器的代码放在按钮单击功能之外，它就可以完美地工作。

<script type="text/javascript">
Caman("image.jpg", "#canvas", function(){
this
    .vignette(300, 60)
    .render();
});
</script>

为什么会这样？