最近在使用framework7框架开发web app,发现在tab页面中直接定义多个ptr-content会导致异常。最后绑定用户点击tab的事件,动态解绑/绑定ptr后解决。

在HTML中这样定义ptr,只需在tab-1(首屏)中设置ptr-content即可,用户切换tab时再去把ptr-content class赋值到对应的tab中。

<div class="tabs">
  <div id="tab-1" class="page-content tab tab-active ptr-content">
    <div class="ptr-preloader">
        <div class="preloader"></div>
        <div class="ptr-arrow"></div>
    </div>
    ......
  </div>
  <div id="tab-2" class="page-content tab">
    <div class="ptr-preloader">
        <div class="preloader"></div>
        <div 
阅读更多