文章/答案/技术大牛

发布

社区首页 >问答首页 >JCrop -功能没有实现

问JCrop -功能没有实现
EN

Stack Overflow用户

提问于 2016-01-19 15:55:29

回答 1查看 280关注 0票数 2

我想使用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代码(包括JCrop快速启动指南中的一个)
无$(document).ready(function(){});

javascript

jquery

html

jsfiddle

jcrop

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-22 10:10:32

我自己解决了这个问题：

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从标头移动到主体底部(就在<\body>-Tag之前)。

不知何故，我的$(document).ready(function() {..})-part没有工作，initJcrop()也从来没有被叫过。

票数 0

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

原文链接：

https://stackoverflow.com/questions/34881242

复制

相似问题

问JCrop -功能没有实现
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JCrop -功能没有实现EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JCrop -功能没有实现
EN