我在我正在研究的项目中使用Jcrop。出于某种原因,我在Jcrop的OnSelect中指定的函数没有触发。
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="js/jquery.Jcrop.js" type="text/javascript"></script>
<link href="css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#<%= img_up_photo.ClientID %>').Jcrop({
onSelect: storeCoords,
bgOpacity: .6,
setSelect: [0, 0, 100, 100],
aspectRatio: 1
});
});
function storeCoords(c) {
alert('hi');
$('#<%= hdnx.ClientID %>').val(c.x);
$('#<%= hdny.ClientID %>').val(c.y);
$('#<%= hdnw.ClientID %>').val(c.w);
$('#<%= hdnh.ClientID %>').val(c.h);
};
</script>
我将此控件放在UpdatePanel中。