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>

为什么会这样？