jquery waypoint добавить элемент только в первый раз

Question

Я хочу сделать путевую точку разбивки на страницы с помощью jquery и ajax-запроса. Я добавил исправляется в первый раз, а потом добавить еще должны пойти вверх и вниз по спирали

это мой HTML

<div id="lista_planes" class="span_of_4"> 
<div class="col-md-3 span1_of_4"> 
<div class="col-md-3 span1_of_4"> 
<div class="col-md-3 span1_of_4"> 
<div class="col-md-3 span1_of_4"> 
</div> 

это мой Js

var pagina = 2; 
 
    var hayMasPlanes = true; 
 
    var opts = { 
 
     offset: '100%' 
 
    }; 
 
    $('#verMas').waypoint({ 
 
     handler: function(direction){ 
 
      if(direction == 'down'){ 
 
      $.get('<?php echo Router::url(array('action' => 'ajaxPlanes')) ?>/' + pagina, '', 
 
       function (dato) { 
 
        
 
        if(dato == ''){ 
 
         $('#verMas').hide(); 
 
        } 
 
        pagina++; 
 
        $('#lista_planes').append(dato); 
 
        
 
       } 
 
       ); 
 
     }}, 
 
     offset: '50%' 
 
    });

Answer 1

Solveeed. Добавить Waypoint.refreshAll(); в запросе Ajax

$('#verMas').waypoint({ 
 
     handler: function(direction){ 
 
      if(direction == 'down'){ 
 
      $.get('<?php echo Router::url(array('action' => 'ajaxPlanes')) ?>/' + pagina, '', 
 
       function (dato) { 
 
        
 
        if(dato == ''){ 
 
         $('#verMas').hide(); 
 
        } 
 
        pagina++; 
 
        $('#lista_planes').append(dato); 
 
        Waypoint.refreshAll(); 
 
       } 
 
       ); 
 
     }}, 
 
     offset: '50%' 
 
    });