文章/答案/技术大牛

发布

社区首页 >问答首页 >未捕获函数：$(...).cropper不是函数- cropper.js

问未捕获函数：$(...).cropper不是函数- cropper.js
EN

Stack Overflow用户

提问于 2020-01-14 14:01:13

回答 2查看 1.9K关注 0票数 1

我在这个link上尝试了这个教程

我的代码是

<!DOCTYPE html>
<html>
<head>    
<link href="cropper.css" rel="stylesheet" />
</head>
<body>
<img id="teh" src="image.png" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="cropper.js"></script>
<script>        
    $("#teh").cropper();
</script>
</body>
</html>

但是，它在$("#teh").cropper();上遇到了错误Uncaught TypeError: $(...).cropper is not a function

javascript

cropperjs

cropper

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-01-14 14:12:31

已经找到解决方案了。我需要添加

<script src="jquery-cropper.js"></script>

所以，它变成了

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="cropper.js"></script>
<script src="jquery-cropper.js"></script>

票数 3

Stack Overflow用户

发布于 2020-01-14 14:17:32

我认为您使用的是jQuery新版本，而它支持旧版本。

var image = document.getElementById('image');
var cropper = new Cropper(image, {
  aspectRatio: 16 / 9,
  crop: function(e) {
    console.log(e.detail.x);
    console.log(e.detail.y);
  }
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/0.8.0/cropper.min.css" rel="stylesheet"/>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/0.8.0/cropper.min.js"></script>

<img id="image" src="https://lh5.googleusercontent.com/-_nU33sjf1SI/AAAAAAAAAAI/AAAAAAAASgQ/VOkKnOIxP8g/photo.jpg?sz=328" />

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59728272

复制

相似问题

问未捕获函数：$(...).cropper不是函数- cropper.js
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未捕获函数：$(...).cropper不是函数- cropper.jsEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问未捕获函数：$(...).cropper不是函数- cropper.js
EN