Croppic 没有实例化答案

【问题标题】：Croppic not instantiatingCroppic 没有实例化
【发布时间】：2015-08-05 00:28:43
【问题描述】：

我需要使用裁剪工具并选择 Croppic，但问题是尽管代码最简单，但我无法让它显示任何内容。

代码示例：

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8" />
	<script src="jquery/jquery-1.11.1.min.js"></script>
	<link href="croppic/croppic.css" rel="stylesheet" />
	<script src="croppic/croppic.js"></script>
	
	<script type="text/javascript">
		var o = {
			uploadUrl: 'path'
		}

		var c = new Croppic('id', o);

		alert(c.id);
	</script>
</head>
<body>
	<div id="id" style="border: 1px solid black; width: 500px; height: 500px;"></div>
</body>
</html>

我也尝试了最小版本，但没有运气。我在 IE11 和 chrome 中尝试过，但没有运气。我尝试添加更多选项，但没有运气。照原样，它显示一个带有黑色边框的空 div 500x500。

请注意，对象被创建是因为我可以在内存中访问它，并且我可以使用正确的 id 属性显示警报。我真的没有想法。

任何帮助将不胜感激。提前致谢。

【问题讨论】：

标签： javascript crop

【解决方案1】：

解决了！

问题： 看了一会儿，我意识到我犯了一个菜鸟的错误。该脚本在 dom 中创建 div 之前正在运行，因此没有找到它。

解决方案： 我将脚本放在 div 之后，它工作正常。

注意： 请注意，这现在属于纯 JavaScript，因为它与 Croppic 无关。

其他解决方案： 另请注意，另一种解决方案是将其包装在一个函数中并调用该函数onLoad，或者将其包装在jquery的$(document).ready()中。

【讨论】：