jquery - JCrop 与下载的动态图像集成

Question

我正在尝试将 JCrop 集成到引导模式中。尽管有这些细节，但问题似乎在于图像正在“动态”下载。我是说：

1）表单由AJAX提交：

$('#postFileForm').ajaxForm({ success: afterPost });

2) 'afterPost' 函数被正确调用。此函数将服务器返回的文本作为参数：

function afterPost(responseText, statusText, xhr, $form) {
    $(".downloadedContent").html(responseText);
    $("#cropbox").Jcrop();
    ...
}

3）此文本从服务器返回：

<img src='xxx' alt='yyy' id='cropbox' />

我假设，当我通过 html jQuery 方法插入图像时，图像被添加到 DOM 中，我可以使用它。如果我在插入图像后立即使用 Chrome 进行调试，则可以通过 jQuery 正常检索：

$("#cropbox").attr('src') //returns the source, f.e

但种植不起作用。似乎发生了一些事情，因为 style 属性就像：

style='display:none; visibility:hidden; width:...'

我认为这可能与css有关（根据我将它与Bootstrap一起使用的事实），但如果我删除动态下载图像的部分，我只是把它放在他的位置，一切正常。

任何帮助将不胜感激！谢谢！

score 0 · Accepted Answer

请原谅我。

我想向你们所有人道歉，因为你们浪费了你们的时间：）。JCrop 将他的控件与 jQuery 选择器返回的第一个可用元素绑定。

在这种情况下发生的事情是我在两个地方有相同的课程，而我没有在选择器中指向它。

$(".downloadedContent").html(responseText) 必须类似于 $("#someDiv .downloadedContent)。

JCrop 附加到一个隐藏的 div，这就是全部。

谢谢你的帮助。

1 回答 1