Javascript 流星及;JCrop:试图复制JCrop示例时出现的问题

Javascript 流星及;JCrop:试图复制JCrop示例时出现的问题,javascript,meteor,Javascript,Meteor,当我安装JCrop并尝试测试它时,我得到了JCrop指针,但它显示在整个页面上,而不是仅显示在图像上。此外,当在图像上选择一个无法单击和拖动的区域时,图片会变暗,就像下面链接中的示例一样,但仅此而已。无法使用我的代码选择区域。我看不出我做错了什么 这就是我想要实现的目标(只是开始): 这是我的模板: <template name="home"> <div class="panel-body"> <p>Home content here

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

这就是我想要实现的目标(只是开始):

这是我的模板:

<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
   });
 });
};

看起来像是浏览器问题,在FF上可以正常工作,但在Chrome上不行。
Template.home.rendered = function () {
  jQuery(function(){
   jQuery('#target').Jcrop({
    trackDocument: true
   });
 });
};