2011-11-16 4 views
3

jquery jcrop을 사용하여 이미지를 자르려고합니다.자른 영역 밖에서 마우스 클릭을 사용하지 않음

이 코드는 aspcet 비율로 이미지에 일부 선택된 영역을 추가하는 플러그인을 시작합니다.

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

그러나 사용자가 이미지 위에 마우스를 올려 놓으면 선택이 사라집니다. 그래서 내가 원하는 것은 선택한 영역이 이미지 위에 남을 수 있도록이 플러그인에서 마우스 클릭을 비활성화하는 것입니다.

+0

감사합니다. 도움이되었습니다. :) –

답변

9

솔루션은 솔루션

입니다 먼저 일부 setSelect가 있어야하므로 일부 영역은 항상 처음부터 선택됩니다.

allowSelect: false은 마우스 클릭을 방지하고 이미지 위에 항상 선택된 영역을 유지합니다.

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

또는 내가 jcrop의 제작자 내 요청에 이메일을받은 그 문제 여기

를 해결

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

"e.preventDefault"는 실제로 메서드를 호출하는 데 "e.preventDefault()"여야합니다. – Phil

+0

작동하지 않는 사람, 이상한 나는 두 가지 방법으로 전혀 경고하지 않았다. – David

관련 문제