Javascript — JQuery изотоп версии 2 сообщение, если нет результата

Question

Javascript — JQuery изотоп версии 2 сообщение, если нет результата

Я использую изотоп jquery, чтобы отфильтровать результаты, как:

      <div class="isotope">
<div class="filter-item">1</div>
<div class="filter-item">2</div>
<div class="filter-item">3</div>
</div>

Код JS:

      <script>
$( function() {
var $container = $('.isotope');
if ( !$container.data('isotope').filteredItems.length ) {
$container.html("Sorry.No result");
}
</script>

Я пытаюсь отобразить — сообщение, если нет результатов в процессе фильтрации.
Но это не работает, какие-либо подсказки?

1

javascript jquery jquery-isotope php

Решение

Другие решения

Вы должны на самом деле проверить, имеет ли длина значение.

if ( $container.data('isotope').filteredItems.length > 0)

Вам не хватает ‘> 0’, поэтому всегда получите истинное значение. Также удалите!

1

Источник

Accepted Answer

Вы можете использовать это с изотопным событием’rangeComplete ‘:

$container.on( 'arrangeComplete', function( event, filteredItems ) {
var resultCount = filteredItems.length;
if(resultCount == 0) {
$container.html("Sorry.No result");
}
});

2