纳克与角JS不响应视图和移动设备

我使用NG-无限scroll.js工作的无限滚动，滚动功能，工作在PC的罚款。当进入移动/响应视图时，它不会在滚动时加载任何项目。纳克与角JS不响应视图和移动设备

<div class="row" infinite-scroll="loadMore('{!! slug !!}','{!! code !!}')" infinite-scroll-disabled='busy' infinite-scroll-distance='1'> 

-------contents list---------- 

</div>

在移动视图控件甚至没有进入'$ scope.loadMore'方法。

让我知道是否有任何解决方案来解决这个问题。预先感谢。

来源

2017-02-14 Glen Pinheiro

你如何调试你的应用程序？在loadMore方法中添加一个** alert **语句检查它是否调用 –

@Gangadhar Jannu，这就是我发现的 - 没有警报在打开移动视图时记录在loadMore内部。 –

你好格伦！这似乎是我面临同样的问题。你有没有找到解决你的问题的办法？ –

我做的措施来解决这个问题数量。我做的第一件事是更新无限滚动js版本ng-infinite-scroll-v1.2.0。

为了固定我通过添加无限滚动容器更新代码，如下所示的问题：

<div id="infi-scroll"> 
    <div class="row" infinite-scroll="loadMore('{!! slug !!}','{!! code !!}')" infinite-scroll-disabled='busy' infinite-scroll-distance='1' infinite-scroll-container="'#infi-scroll'" ng-cloak> 
    <div ng-repeat="single in projects" class="col-md-4 bottom-margin"> 
     <!-- listing goes here --> 
    </div> 
    <div ng-show='busy'> 
     <center> 
     <img src="images/ajax-loader.gif" /> 
     </center> 
    </div> 
    </div> 
</div>

我发现这个代码与移动设备以及没有任何问题的工作。

注意：如果高度的html，body标签是你的CSS响应下定义它可能会影响在移动设备上的工作。

希望这将解决您的问题（如：HTML，身体{身高100％重要！}）。谢谢。

来源

2017-03-28 14:34:55

回答

相关问题