【问题标题】:jCrop is not being called.jCrop 没有被调用。
【发布时间】: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);

标签: jquery jcrop


【解决方案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 开发人员,所以我无法判断您的问题是否存在。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2011-11-15
  • 1970-01-01
  • 1970-01-01
  • 2018-11-25
  • 2019-03-31
  • 2012-12-16
  • 2015-03-28
  • 2012-12-04
相关资源
最近更新 更多