2011-11-16 56 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