如何裁剪图像来自ajax？

Question

如何从ajax中裁剪图像？

function showDeletePopup(id)
{
 $.ajax({
    type: "POST",
    url: "ajax.php",

}).done(function (data) {
    $('#simplediv').html(data);
});

}

<script type="text/javascript">
$( document ).ready(function() {
$(function(){
    $('.1').Jcrop({
    aspectRatio: 1,
    onSelect: updateCoords
    });

});
});
function updateCoords(c)
{
    $('#x').val(c.x);
    $('#y').val(c.y);
    $('#w').val(c.w);
    $('#h').val(c.h);
};

function checkCoords()
{
    if (parseInt($('#w').val())) return true;
    alert('Please select a crop region then press submit.');
    return false;
};
</script>
<form action="index.php" method="post" onSubmit="return checkCoords();">
      <input type="hidden" id="x" name="x" />
      <input type="hidden" id="y" name="y" />
      <input type="hidden" id="w" name="w" />
      <input type="hidden" id="h" name="h" />
      <input type="submit" value="Crop Image" class="btn btn-large btn-inverse" />
    </form>
<div id="simplediv" ></div>

我使用从ajax获取的代码裁剪图像，但图像无法裁剪....？ 我无法使用imageareaselect()选择图像。 如果不使用ajax图像显示，裁剪代码将在其上工作..