javascript - $(...).Jcrop 不是函数

Question

我读过关于

的文章

'$(...)Jcrop is not a function'.

我已确保没有两次包含 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 脚本实例，该实例引发了错误。抱歉造成困惑。