$(.).Jcrop不是函数

Question

我读过关于

‘$(.)Jcrop不是一个函数’。

我已经确保我没有包括两次Jcrop链接。

JCrop似乎给我添麻烦了

有人能帮忙吗。

HTML

<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.Jcrop.min.css" />

    <div class="profile-pic">
        <label>Profile Pic</label>
        <input type="file" name="profile_pic" id="profile-pic-input">
        <img src="images/volunteer.jpg" id="profile-pic">
    </div>

JQUERY：

$(document).ready(function(){
    $('#profile-pic-input').change(function(){
        readURLProfile(this);
    });

    $('#profile-pic-input').change(function(){
        $('#profile-pic').Jcrop();
    });

    function readURLProfile(input) {
        if(input.files&&input.files[0]) {
            var reader = new FileReader();
            reader.onload=function(e) {
                $('#profile-pic').attr('src',e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }
});

Answer 1

问题是，我在页脚上运行了另一个jquery脚本实例，它正在抛出错误。很抱歉给你造成了混乱。