fengyuanchen jQuery cropperプラグインを初期化するにはどうすればよいですか？

Question

私のウェブアプリケーションでは、アップロードした画像をトリミングするためのプロフィール画像のアップロードを実装しようとしています。これを行うには、私はここで見つけたjQueryクロッパープラグインを使用しています：http://fengyuanchen.github.io/cropper/

問題は、私はそれを初期化することができません！ドキュメントでは、それは述べて：

Initialize with $.fn.cropper method.

私はしかし、私は私の現在のコードであるため、それが重要である知っている、これは何を意味するのかわからない：

$('#profile-image').cropper({ 
    aspectRatio: 1/1, 
    crop: function(e) { 
    // Output the result data for cropping image. 
    console.log(e.x); 
    console.log(e.y); 
    console.log(e.width); 
    console.log(e.height); 
    console.log(e.rotate); 
    console.log(e.scaleX); 
    console.log(e.scaleY); 
    } 
}); 

私はエラーで迎えています：

TypeError: $(...).cropper is not a function

助けてください！ JSとjQueryの基本的な理解が失われている可能性が最も高いと私は理解しています。

Answer 1

スクリプトの注文に注意してください。が

<script src="/path/to/jquery.js"></script><!-- jQuery is required --> 
<link href="/path/to/cropper.css" rel="stylesheet"> 
<script src="/path/to/cropper.js"></script> 

だから、最初のアイデアは、あなたのコード内でcropperjQueryの前に含まれていることや、あなたのスクリプトが実行cropperを呼び出すために：githubのからドキュメントから、

がインストール

ファイルをインクルード言います（含む）cropperスクリプト