0
이것은 현재 내 demo입니다. 이미지를 동적으로로드하려고하는데 이제 클릭만으로 모든 페이지에서 모든 이미지를 제거하는 방법을 알고 싶습니다.동적으로 생성 된 이미지 지우기
여기 내 코드입니다 :
$(function() {
$('#fileupload').fileupload({
dataType: 'json',
done: function (e, data) {
$("#demo5").paginate({
count: pageNumber,
start: 1,
display: Math.min(7, pageNumber),
border: true,
border_color: '#fff',
text_color: '#fff',
background_color: 'black',
border_hover_color: '#ccc',
text_hover_color: '#000',
background_hover_color: '#fff',
images: false,
mouse: 'press',
onChange: function (page) {
$('#paginationdemo ._current').removeClass('_current').hide();
$('#p' + page).addClass('_current').show();
}
});
$.each(data.result, function (index, file) {
if (imagesInPage >= imagesPerPage) {
imagesInPage = 1;
pageNumber += 1;
divPage = $('<div/>', { id: "p" + pageNumber }).addClass('pagedemo').hide().appendTo(pagesContainer);
} else {
imagesInPage += 1;
}
var src = 'Uploads/' + file.name;
$('<img>', { src: src, href: src, "class": 'LoadclickImage', align: 'left', width:'87', height:'60' }).appendTo(divPage);
});
}
});
이 내 사업부 구조입니다 : 사전에
<div id="paginationdemo" class="demo">
<div id="pagesContainer">
<div id="p1" class="pagedemo _current"></div>
</div>
<div id="demo5"></div>
</div>
감사합니다.
@ Michael- 정말 고마워. 잘 작동하고 페이지를 삭제할 수있는 다른 방법이 있습니다. – coder
'remove()'는 아마도 나중에 이미지가 다시 부착되지 않기 때문에 더 좋을 것입니다. http://api.jquery.com/remove/ –
당신이 맞습니다. 답변이 수정되었습니다. –