Добрый вечер! Функция сортировки, при нажатии одной из ссылок (кнопок), больше не срабатывает, при нажатии второй ссылки. Приходится перезагружать страницу.
Хотелось бы чтобы ссылки работали постоянно без перезагрузки страницы.
Т.е. чтобы кликать можно было бесконечно по ссылкам и сортировка работала постоянно в нужном направлении без перезагрузки страницы.
Подскажите как подправить код. Спасибо!
Код примера:
<div>
Сортировать по цене:
<a href="#" onclick="sort_price('spu'); return false;">по возрастанию</a> /
<a href="#" onclick="sort_price('spd'); return false;">по убыванию</a>
</div>
<br />
<div class="list-cat">
<div class="block_single" data-price="5">5</div>
<div class="block_single" data-price="50">50</div>
<div class="block_single" data-price="11">11</div>
<div class="block_single" data-price="8">8</div>
<div class="block_single" data-price="200">200</div>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
//Сортировка по цене: возрастание/убывание
function sort_price(srt) {
$('.list-cat').find('.block_single').sort(function (a, b) {
a = a.getAttribute('data-price');
b = b.getAttribute('data-price');
if (srt == 'spu') {return +a - +b;} //возрастание
if (srt == 'spd') {return +b - +a;} //убывание
})
.replaceAll($('.list-cat'));
}
</script>