JCrop與動態圖像集成下載

我正在嘗試將JCrop集成到引導模式中。儘管有這些細節，但似乎問題在於圖像正在「動態」下載。我的意思是：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='display:none; visibility:hidden; width:...'

我認爲這可能是（根據事實，我使用它引導）有關CSS的東西，但如果我刪除了部分地方圖像是動態下載的，我只是把它放在他的地方一切正常。

任何幫助將不勝感激！謝謝！

2013-05-31 IoChaos

的jcrop初始化函數沒有得到＃cropbox.if我不是你的錯是#cropbox在responseText的變量？ –

可以告訴你哪個插入圖像，並對其jcrop的代碼？我不使用默認的twitter bootstrap模式和jcrop找不到任何問題，請參閱：http://bootply.com/62770 –

對不起Kandarp，你是對的。我忘了在返回的文本中輸入正確的ID。低音，如果我用硬編碼圖像替換動態'responseText'，我能夠正確地看到jCrop插件正常工作。 – IoChaos

請原諒。

我想和大家道歉，因爲浪費你的時間:)。 JCrop將他的控件綁定到jQuery選擇器返回的第一個可用元素。

在這種情況下發生的事情是我在兩個地方有同一個班級，我沒有把它指向選擇器。

$（」。downloadedContent 「）HTML（responseText的）必須像$（」＃someDiv .downloadedContent）。

JCrop被連接到一個隱伏DIV，那就是所有的故事。

感謝您的幫助。

2013-06-04 14:25:50 IoChaos

回答