InfiniteScroll +同位素：loadNextPage，直到项目数大于3

如何解决InfiniteScroll +同位素：loadNextPage，直到项目数大于3

我正在尝试通过单击同位素过滤器按钮进行while循环，直到我放置了两个函数：loadNextPage并在while循环中计数项目，一切正常为止，即使浏览器陷入了无限循环，即使每次循环运行时，应更新cnt变量。 我希望两个函数都运行直到cnt变量达到4

  $('.filter-button-group').on('click','button',function () {
     var filterValue = $(this).attr('data-filter');
     $grid.isotope({filter: filterValue});
     cnt = 0;
  
     while ( cnt < 4 ) {
        loadPageIso();
        countIsoItems();
     }

     function loadPageIso() {
        $grid.infiniteScroll('loadNextPage');
     }
     function countIsoItems() {
        $grid.on( 'append.infiniteScroll',function() {
           cnt =  iso.filteredItems.length;
        });
     }
  });

整个同位素+ infiniteScroll代码都包裹在一个

jQuery( document ).ready( function( $ ) {
   //code is here
});

我猜想这可能与问题有关，直到我将两个函数包装在while循环中之前，一切都按预期进行。

解决方法

我找到了一个更好的方法，而不是使用while循环，而是使用了一个自调用函数循环并等待正确的回调，以下是完整的代码，以防您偶然发现这篇文章并在寻找完整的解决方案

INSERT INTO Jobs ( RowID,JobCode,ClientCode,JobName ) VALUES ( {yourId},' A2','ADDRE50000','Client data entry (new records & editing)' );