Croppic 没有实例化

Posted 2023-02-25

技术标签:

【中文标题】Croppic 没有实例化【英文标题】：Croppic not instantiating 【发布时间】：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 属性显示警报。我真的没有想法。

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

【问题讨论】：

【参考方案1】：

解决了！

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

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

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

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

【讨论】：

以上是关于Croppic 没有实例化的主要内容，如果未能解决你的问题，请参考以下文章