Question

我在我的网络应用程序中使用jCrop插件。但是，我尝试pre-select图像上的某个区域，但这根本不起作用，并且没有预先选择区域。

这是我的代码：

$('.position').live('click', function(){

var img = $('.selected').attr('data-image');

//create var
var jscrop_api;

//set instance to our var
$('#target').Jcrop({
      // start off with jcrop-light class
      bgOpacity: 0.5,
      bgColor: 'black',
      addClass: 'jcrop-dark',
       boxWidth: 750, 
       boxHeight: 750,
       bgFade:     true,
      setSelect: [ 60, 70, 540, 330 ]
}, function () { 
jcrop_api = this;

});

//change image for instance
jcrop_api.setImage(img);

});

正如您所看到的，我正在使用setImage();功能..所以，我不确定问题是否是因为这个原因？

或者，有没有z-index问题？ IF z-index是否适用于setSelect？

有人可以就此问题提出建议吗？

编辑：

好的，我刚刚找到了一些没有意义的东西，但可能对这里的某些人有意义。

如果我删除jcrop_api.setImage(img);并在setImage: img,功能中添加jCrop。它会在图像上添加预选区域，但所选图像（img）不会更新或出现在裁剪区域中！

有什么建议吗？

Answer 1

我不确定我是否可以回答我自己的问题，但这对我有用：

$( document ).ready(function() {
   jcrop_api.setSelect([ ($('#target').attr('width') / 2) - 10, 
                       ($('#target').attr('height') / 2) - 10, 
                       ($('#target').attr('width') / 2) + 10, 
                       ($('#target').attr('height') / 2) + 10 
                     ]);
});

我希望在我的情况下帮助某人。

jQuery：jCrop＆＃39; setSelect＆＃39;根本没有设置？

1 个答案: