流星＆amp; JCrop：试图复制JCrop示例的问题

Question

当我安装JCrop并尝试测试它时，我显示了JCrop指针，但它显示在整个页面而不是图像上方。此外，当您在图像上选择一个区域时无法单击并拖动时，图像会变暗，就像下面链接中的示例一样，但这就是全部。使用我的代码无法选择区域。看不出我做错了什么。

这就是我想要实现的目标（只是为了开始）：

http://deepliquid.com/projects/Jcrop/demos/tutorial1.html

这是我的模板：

<template name="home">
    <div class="panel-body">
        <p>Home content here</p>
          <img id="target" src="forrest.jpg" />
    </div>
</template>

呈现模板时调用的回调函数：

Template.home.rendered = function () {
  jQuery(function(){
    jQuery('#target').Jcrop({
       trackDocument: true
    });
  });
}

有人对此有任何想法吗？

再次感谢：）

Answer 1

看起来缺少半结肠是个问题。代码应该是：

Template.home.rendered = function () {
  jQuery(function(){
   jQuery('#target').Jcrop({
    trackDocument: true
   });
 });
};