从模板加载页面时出现闪烁问题

Question

我一直在使用template7初始化页面视图。但是，当页面加载时，它会调用ajax并将其数据填充到html中，而页面加载时整个页面都会闪烁。

这在index.html中

<script type="text/template7" id="procatTemplate">
 {{procat}}
</script>  

此函数正在调用页面

   $$(document).on('page:init', '.page[data-name="eshop-page"]', function (e) {

      myApp.preloader.show('green');
      fnewUR = 'abc.com'; //changed for sample
      var personHTML = '';
      myApp.request.getJSON(fnewUR, {}, function (data) {
      var personHTML = compiledsearchprocatTemplate(data);
      $$(".procatlist").html(personHTML);
      myApp.preloader.hide();
      return false;
    });

    view_cart(11, 11);
   });

var searchprocatTemplate = $$('script#procatTemplate').html();
var compiledsearchprocatTemplate = 
Template7.compile(searchprocatTemplate);