- 17, May 2024
- #1
Привет,
В jquery у меня есть ссылка «Загрузить еще», которая реализована с помощью такого кода:
но у меня проблема что при нажатии на ссылку «Ещё фото» расстояние между этой ссылкой и сеткой изображений уменьшается при любом клике:
https://prnt.sc/26f1cye
Жить в:
http://photographers.my-demo-apps.tk/nomination
Когда загружается 15 строк, то ссылка «Ещё фото» вообще скрывается, так как все данные извлекаются. Я пытался установить поля в дизайне div контента или программно, но безуспешно.
Как это можно исправить? Спасибо!
<div id="div_nominated_photos_container"
style="margin: 10px !important; WWborder: 3px dotted red !important; ">
</div>
<div style="margin: 10px !important; " id="div_add_new_photos">
<a onclick="javascript:loadNominatedPhotos(true)" class="nomination-new__btn-more "
style="cursor: pointer;">
<svg class="nomination-new__arr-down">
<use xlink:href="/img/sprite.svg#arr-down"></use>
</svg>
Ещё фото
</a>
</div>
function loadNominatedPhotos(load_next_page) {
if (load_next_page) {
current_page++
}
var current_nomination_id = <?php echo e($currentNomination->id ?? ''); ?>
$.ajax({
type: "GET",
dataType: "json",
url: '/get_nominated_photos/' + current_nomination_id + "/" + current_page, // public function get_nominated_photos($nomination_id, $current_page= 1)
success: function (response) {
if (current_page === 1) {
$("#div_nominated_photos_container").html(response.html);
}
if (current_page > 1) {
$(".main_gallery__block:last").after(response.html);
}
if (response.rows_uploaded_count >= response.nominated_photos_total_count) {
$("#div_add_new_photos").css('display', 'none');
} else {
$("#div_add_new_photos").css('display', 'block');
// $($(".para")[1]).css({"color":"yellow"});
$("#div_add_new_photos").css('margin-top', '10px !important;'); //padding-top: 10px !important;
}
},
error: function (error) {
console.error(error)
}
});
}
HTML: добавление большего контента работает нормально.
но у меня проблема что при нажатии на ссылку «Ещё фото» расстояние между этой ссылкой и сеткой изображений уменьшается при любом клике:
https://prnt.sc/26f1cye
Жить в:
http://photographers.my-demo-apps.tk/nomination
Когда загружается 15 строк, то ссылка «Ещё фото» вообще скрывается, так как все данные извлекаются. Я пытался установить поля в дизайне div контента или программно, но безуспешно.
Как это можно исправить? Спасибо!