【发布时间】:2011-08-10 20:55:30
【问题描述】:
jQuery('#imgCrop').Jcrop() 未被调用。我是否正确引用了 jCrop? 请参阅我的链接以获取我的 VS2010 屏幕截图。谢谢!
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<link href="Scripts/jCrop-v0.9.9/css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jCrop-v0.9.9/js/jquery.min.js" type="text/javascript"></script>
<script src="Scripts/jCrop-v0.9.9/js/jquery.Jcrop.min.js" type="text/javascript"></script>
<script src="Scripts/jCrop-v0.9.9/js/jquery.Jcrop.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#imgCrop').Jcrop({
onSelect: storeCoords
});
});
function storeCoords(c) {
jQuery('#X').val(c.x);
jQuery('#Y').val(c.y);
jQuery('#W').val(c.w);
jQuery('#H').val(c.h);
};
</script>
【问题讨论】:
-
首先,您可能不需要 Jcrop.js 的完整版本和最小化版本。加载两次可能会导致问题(尽管不太可能)。
-
找到解决方案:HERE
-
如果您可以在此处包含解决方案,通常会对其他人有所帮助(例如,在其他网站不可用的情况下)
-
如果imgCrop是服务器端控件,这个函数放在aspx页面中。代码会这样改变 jQuery(document).ready(function() { jQuery('#').Jcrop({ onSelect: storeCoords }); });
-
另一个教程建议这样做:setTimeout("$('imgEdit').JCrop();",1);