jCrop 没有被调用。

Posted 2023-02-25

【中文标题】jCrop 没有被调用。

【英文标题】：jCrop is not being called.

【发布时间】：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>

http://i.stack.imgur.com/ZSJqw.png

http://i.stack.imgur.com/FVdPP.png

【问题讨论】：

首先，您可能不需要 Jcrop.js 的完整版本和最小化版本。加载两次可能会导致问题（尽管不太可能）。

找到解决方案：HERE

如果您可以在此处包含解决方案，通常会对其他人有所帮助（例如，在其他网站不可用的情况下）

如果imgCrop是服务器端控件，这个函数放在aspx页面中。代码会这样改变 jQuery(document).ready(function() jQuery('#').Jcrop( onSelect: storeCoords ); );

另一个教程建议这样做：setTimeout("$('imgEdit').JCrop();",1);

【参考方案1】：

您是否从标题中删除了无关的 jcrop 包含？你只需要包含一次Jcrop；在您的示例中，您同时引入了完整版本和最小化版本。 Instinct 说，在这种情况下，第二个包含只会覆盖第一个，但检查并没有什么坏处。

您是否尝试过内联发送函数？或者不带参数调用Jcrop()？ （查看函数是否导致问题）。

jQuery.Jcrop('#imgCrop', 
    onSelect: function (c) 
        jQuery('#X').val(c.x);
        jQuery('#Y').val(c.y);
        jQuery('#W').val(c.w);
        jQuery('#H').val(c.h);
    
);

我在这里有点抓住稻草，否则它看起来应该可以工作。我不是 ASP 开发人员，所以我无法判断您的问题是否存在。

【讨论】：

没用。这是我在 VS2010 中的网络应用程序的链接：[link](filefactory.com/file/cde6727/n/WebApplication2.zip)