div의 이미지를 표시하기 위해 jQuery 플러그인 (http://tympanus.net/codrops/2011/08/30/automatic-image-montage/)을 사용합니다. 그것은 잘 작동합니다. 그러나. 아약스로이 div에 새로운 이미지를로드 할 때 아무 것도하지 않습니다. (죄송합니다, 나는 그것을 잊어) 여기 ajax에서이 스크립트를 작동시키는 방법은 무엇입니까?
(function(window, $, undefined) {
내 아약스 호출입니다 :
나는 문제가 여기에있다 생각
$('#albums').live('click', function() {
$('#left_col div').hide();
$.ajax({
url: document.base_url + 'welcome/list_albums',
success: function(data) {
$('#thumbs, #images').html('');
$('#glist').html(data).show();
var $container = $('#glist'),
$imgs = $container.find('img').hide(),
totalImgs = $imgs.length,
cnt = 0;
$imgs.each(function(i) {
var $img = $(this);
$('<img/>').load(function() {
++cnt;
if(cnt === totalImgs) {
$imgs.show();
$container.montage({
fillLastRow : true,
alternateHeight : true,
alternateHeightRange : {
min : 70,
max : 140
}
});
/*
* just for this demo:
*/
$('#overlay').fadeIn(500);
}
}).attr('src',$img.attr('src'));
});
}
});
return false;
});
내 질문은 : 어떻게 내가이 스크립트를 다시로드하거나 어떻게 든 아약스와 함께 사용할 수 있습니다.
서버의 응답을 표시하십시오 ... – TOUDIdel
코드하시기 바랍니다! – gdoron
코드를보아야합니다. 플러그인을 초기화하는 코드와 AJAX 요청을 수행하는 코드. – Jasper