Скрыть показать больше с jquery
Доброе утро!
У меня есть запрос, например:
$limit = $limitFirst+4;
$query = $sql->query('SELECT * FROM dc_store_products WHERE status = "1" ORDER BY `order` > "'.$limitFirst.'" ASC LIMIT '.$limit.'');
while($row = $sql->fetch($sql)){
// SHOW THINGS
}
<div class="load_projects" onclick="dp.project.loadmore('4');">
Load More
</div>
Когда я нажимаю на load_projects, он получает от меня больше данных из запроса!
Дело в том, что, когда я достигаю конца запроса, если у меня нет новых элементов для отображения, я хочу скрыть загрузку больше!
Я не знаю, что лучше сделать на данный момент, поэтому некоторые отзывы будут приятными 🙂
Решение
Если вы используете jQuery, никогда не используйте атрибут «onclick» в HTML. Вместо этого сделайте это:
var dp.project.loadmore = function(){
// function content
};
$('.load_projects').on('click', dp.project.loadmore);
Затем, когда вы вызываете dp.project.loadmore () и если длина $ row == 0, сделайте это:
$('.load_projects').off('click', dp.project.loadmore ).hide();
Обратите внимание, что я сначала добавляю прослушиватель событий в элемент DIV, затем снова удаляю его и скрываю сам DIV. Возможно, вы захотите сделать учебники по этой ссылке, если вы еще этого не сделали, так как это базовый jQuery:
И, пожалуйста, потратьте 2 минуты, чтобы прочитать это:
Другие решения
Других решений пока нет …