我想使用JCrop裁剪图像。
我尝试在JSFiddle上实现一个非常简单的用法。
我使用CDN链接包括JQuery、JCrop和JCrop CSS。
这是我的代码：
标题：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://jcrop-cdn.tapmodo.com/v2.0.0-RC1/js/Jcrop.js"></script>
<link rel="stylesheet" href="http://jcrop-cdn.tapmodo.com/v2.0.0-RC1/css/Jcrop.css" type="text/css">
HTML格式：
<body>
<img src="http://deepliquid.com/projects/Jcrop/demos/demo_files/sago.jpg" id="cropTarget" />
</body>
JS公司：
<script type="text/javascript">
$(document).ready(function() {
initJCrop();
});
function initJCrop() {
$('#cropTarget').Jcrop({bgColor: "black",bgOpacity: .4,aspectRatio: 100 / 130,setSelect: [200, 260, 50, 50]});
}
</script>
如您所见，在我的JSFiddle中，它只是显示一个“正常”的图像，我无法让JCrop工作。
我试过的：
检查CDN链接是否正常工作。
尝试不同的JS代码（包括the one from the JCrop Quickstart Guide）
不
$(document).ready(function(){}); 最佳答案
我自己解决了这个问题：
1）变更-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
收件人：-<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
2）将JS从header移动到body的底部（就在<\body>-Tag之前）。
不知怎么的，我的$(document).ready(function() {..})-部分不起作用，而且从未被调用。
关于javascript - JCrop-功能未实现，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34881242/