2011-11-16 57 views
3

我试图使用jQuery jcrop裁剪图像。禁用鼠标点击裁剪区域外

此代码启动插件添加一些选定区域的图像与aspcet比例。

$('#cropbox').Jcrop(
{ 
setSelect: [ 100, 100, 50, 50 ], 
aspectRatio: 16/9 
}); 

但是,如果用户在其他地方的图像上单击鼠标,选择将消失。所以我想要的是在这个插件中禁用鼠标点击,所选的区域将保留在图像上。

+0

感谢他帮我:) –

回答

9

SOLUTION

我已经收到了电子邮件对我的要求jcrop的创造者和解决的问题

下面是解

首先必须有一些setSelect,因此总是从一开始就选择某个区域。

而这allowSelect: false可以防止鼠标点击,并保持选定区域始终在图像上。

1
$('#cropbox').click(function(){ 
    return false; 
}) 

$('#cropbox').click(function(e){ 
    e.preventDefault(); 
}) 
+0

“e.preventDefault”应该是“e.preventDefault()”来实际调用方法。 – Phil

+0

不工作的人,奇怪我把双方的警报,并没有任何行动 – David