잡히지 않은 TypeError : Object [object Object]에 'Jcrop'메서드가 없습니다.

모든 것이로드 된 것 같습니다 (jquery, jcrop 및 avatar.js 파일). 나는 무슨 일이 일어나는지 알아낼 수 없다. 내 스크립트는 다음과 같은 순서로로드되고있다 : 자바 스크립트 콘솔에서잡히지 않은 TypeError : Object [object Object]에 'Jcrop'메서드가 없습니다.

jQuery -> 
    new AvatarCropper() 

class AvatarCropper 
    constructor: -> 
    $('#cropbox').Jcrop 
     aspectRatio: 1 
     setSelect: [0, 0, 600, 600] 
     onSelect: @update 
     onChange: @update 

    update: (coords) => 
     $('#avatar_crop_x').val(coords.x) 
     $('#avatar_crop_y').val(coords.y) 
     $('#avatar_crop_w').val(coords.w) 
     $('#avatar_crop_h').val(coords.h) 
     @updatePreview(coords) 

    updatePreview: (coords) => 
     $('#preview').css 
     width: Math.round(100/coords.w * $('#cropbox').width()) + 'px' 
     height: Math.round(100/coords.h * $('#cropbox').height()) + 'px' 
     marginLeft: '-' + Math.round(100/coords.w * coords.x) + 'px' 
     marginTop: '-' + Math.round(100/coords.h * coords.y) + 'px'

내가 받고 있어요 :

Uncaught TypeError: Object [object Object] has no method 'Jcrop'

어떤을

<script src="/assets/jquery.js?body=1" type="text/javascript"></script> 
<script src="/assets/jquery.Jcrop.js?body=1" type="text/javascript"></script> 
<script src="/assets/gmaps4rails/gmaps4rails.base.js?body=1" type="text/javascript"></script> 
<script src="/assets/gmaps4rails/gmaps4rails.googlemaps.js?body=1" type="text/javascript"></script> 
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script> 
<script src="/assets/jquery-fileupload/vendor/jquery.ui.widget.js?body=1" type="text/javascript">   </script> 
<script src="/assets/jquery-fileupload/jquery.iframe-transport.js?body=1" type="text/javascript"> </script> 
<script src="/assets/jquery-fileupload/jquery.fileupload.js?body=1" type="text/javascript"></script> 
<script src="/assets/jquery-fileupload/basic.js?body=1" type="text/javascript"></script> 
<script src="/assets/jquery-fileupload/vendor/tmpl.js?body=1" type="text/javascript"></script> 
<script src="/assets/avatars.js?body=1" type="text/javascript"></script>

avatars.js.coffee는 다음과 같은 포함 도움은 대단히 감사하겠습니다.

출처

2013-01-03 bjoern

어떤 이유인지, 아마도 jQuery 객체가'toString()'이 될 것입니다. d. – alex

브라우저 콘솔 확인 네트워크 탭 ... 실제로 브라우저에로드되는 플러그인 파일입니까? – charlietfl

어디에서 봐야할까요? 나는 머리를 찢어 버릴거야. – bjoern

문제는 jQuery.noConflict()입니다. 다른 스크립트를 호출 ...

출처

2013-01-03 19:15:16 bjoern

나는 너무 내 머리카락을 찢을 수있다 :) 해결책 주셔서 감사합니다. – Bardelman

나는 똑같은 문제에 직면했다. 내 jquery 파일을 jcrop.js 앞에 놓으면 내 문제가 해결됩니다.

출처

2013-02-05 13:47:15 kaustubh

잡히지 않은 TypeError : Object [object Object]에 'Jcrop'메서드가 없습니다.

답변

관련 문제