Я сделал кнопку из некоторых уроков Youtube и отредактировал часть кода для работы с моей базой данных. Я заставляю веб-сайт показывать 24 изображения, когда веб-сайт загружается, и когда пользователь нажимает кнопку «показать больше», загружает еще 10 изображений. Итак, сейчас отображаются 24 изображения, но когда я нажимаю кнопку «Показать больше», ничего не происходит. Странная вещь, когда я нажимаю на другие кнопки, такие как «Закрыть модальное», это происходит:
кнопка закрытия
до нажатия кнопки закрытия
после нажатия на кнопку закрытия
Понятия не имею, почему
Код кнопки закрытия:
<button style='color:white' type='button' class='btn btn-default bg-custm' data-dismiss='modal'>Close</button>
вот подсчет изображений ajax-скрипта
<script>
$(document).ready(function(){
var wallsCount = 24;
$("#bu").click(function(){
wallsCount = wallsCount + 10;
$("#walls").load("iph-art-load.php", {
wallsNewCount : wallsCount
});
});
});
</script>
код для отображения изображения базы данных
<div id="walls">
<?php
$sql = "SELECT * FROM `iph-art` LIMIT 24";
$result = mysqli_query($connect, $sql);
if (mysqli_num_rows($result) > 0 ) {
while ($row = mysqli_fetch_assoc($result)) {
echo $row ['walls'];
}
}else{
echo "There are no Wallpapers at this time";
}
?>
</div>
<br>
Показать ещё код кнопки
<button id="bu" type="button" class="btn btn-secondary btn-lg btn-block">Show more wallpapers</button>
iph-art-load.php код
<?php
include 'dbh.php';
$wallsNewCount = $_POST['wallsNewCount'];
$sql = "SELECT * FROM `iph-art` LIMIT $wallsNewCount";
$result = mysqli_query($connect, $sql);
if (mysqli_num_rows($result) > 0 ) {
while ($row = mysqli_fetch_assoc($result)) {
echo $row ['walls'];
}
}else{
echo "There are no Wallpapers at this time";
}
?>
ошибка консоли
ReferenceError: $ не определено
Ожидаемое поведение:
Веб-сайт показывает 24 изображения из базы данных на веб-странице. Кнопка «Показать больше» отображает еще 10 изображений.
Спасибо за помощь!