【51小程 序】swiper-item,如何解决onReachBottom只会触发一次的问题 ... ...

denny| 2018-3-14 22:55| 查看: 856| 评论: 0|原作者: 风之影|来自: 微信公众平台

摘要: 【51小程 序】swiper-item,如何解决onReachBottom只会触发一次的问题

swiper,swiper-item开发tab滑动效果。51小 程序:服务类目如何选择#微信小程序教程。为什么onReachBottom只能执行一次,再往下滑动就执行不了。

贴代码:

<swiper class="swiper-box" current="{{currentTab}}" duration="300" bindchange="swichTab" style="height:{{clientHeight?clientHeight+'px':'auto'}}">
        <swiper-item class="swiper-item">
     
                <block wx:for="{{projectList}}" wx:key="*this">
                    <view data-pid="{{item.id}}" class="project-list" bindtap='newsClick'>
                        <view class='project-info'>
                            <view class='name'>{{item.name}}</view>

                            <view class='info'>发布单位:{{item.pname}} </view>
                            <view class='info'>发布时间:{{item.publishtime}} </view>
                        </view>
                        <view class='project-img'>
                            <image class='img' src='{{item.url}}' mode="scaleToFill" lazy-load="true"></image>
                        </view>
                    </view>
                </block>
                <view class="weui-loadmore" hidden="{{isHideLoadMore}}">
                    <view class="weui-loading"></view>
                    <view class="weui-loadmore__tips">正在加载</view>
                </view>
       
        </swiper-item>
</swiper>


本文来自微信小程序开发 http://html51.com,转载请保留。

网友回复:

r***:

onReachBottom 和 swiper没关系啊~

智***:

不知道为什么啊?第一次onReachBottom可以执行的。然后继续向上滑动,第二次加载的时候就不执行了。

然后把页面滑倒顶部,再次往下滑动就可以继续加载,然后第三次加载又不可以了,还要重复之前的动作才可以。要看JS代码吗?实在查不到是什么原因。

[HTML51]小程序已经绑定了一个支付商号,现在想换一个商号,应该怎么做?#微信小程序 ...
智***:

onReachBottom 是页面的触底事件,即页面滚动条拉到底部时触发,swiper没这个事件。

因为你把swiper的高度定死,所以页面的滚动条仅触底一次,当然只触发一次。

你把高度去掉试试看


是因为这个问题吗????


D***:

page的  onPullDownRefresh onReachBottom  函数无法触发(一次也没有)

wxml结构:(内容有很多  编辑器中有滚动条)

<view>
   <swiper>
  </swiper>
   ...
</view>

js :


page({
...
  onPullDownRefresh: function() {
    console.log('上拉刷新了')
    wx.stopPullDownRefresh()
  },
  onReachBottom: function() {
    console.log('下拉加载了')
}
}


log 日志并没有执行

请问是怎么回事 ,如何解决。

L***:

你好,onReachBottom onPullDownRefresh 针对的是页面本身的滚动,不能用于有scroll-view滚动时的情况。

[HTML51]配置普通链接二维码规则 BUG 小程序开发
L***:

你好,onReachBottom onPullDownRefresh 针对的是页面本身的滚动,不能用于有scroll-view滚动时的情况。

智***:

您好,您看我上面贴出来的代码,没有scroll-view,就是用swiper,swiper-item做下拉刷新和上拉加载的。

但是不知道为什么,onReachBottom就是只触发一次,然后就不触发了,也不报错。

没有人碰到过吗?

智***:

Drcus ,是不是要在

<swiper>

</swiper>

里面加上<swiper-item></swiper-item>


【已解决】ICP备案文件是指哪个?#小程序开发
L***:

抱歉,我还不是很理解你的问题。


swiper本身只有左右滑动的机制,为什么会有上下滑动才会有的触底刷新呢?

D***:

你好:

  1.  LastLeaf  “onReachBottom onPullDownRefresh 针对的是页面本身的滚动”对的                                                               wxml 中  最顶级的标签就是view标签 整个页面中没有scroll-view

  2. 我的是tabs 底部四个页面  第一个tab这两个方法都可以执行  第二个tab页面这两个函数就完全没任何反应了 onload函数是正常的   每个tab中都没有用到scroll-view   是否还需要更多信息 ? 我可以提供

  3. 我个人觉得和swiper 组件可能有点关系  因为第一个tab中没有swiper



 2. 智慧可贵了   里面加上<swiper-item></swiper-item>  是的里面结构都是完整的  我只是省略了



鲜花

握手

雷人

路过

鸡蛋
收藏

最新评论

小程序开发问答相关问题

QQ|手机版|51小程序,合作QQ: 2826431922 ( 苏ICP备15027371号 )

Powered by Discuz! X3.2

返回顶部