Framework7 .addView不是一个函数

时间:2017-10-17 08:58:20

标签: javascript cordova user-interface frameworks

我尝试使用Framework7作为我的UI来创建Cordova应用。我尝试使用内联页面作为布局架构,但在设置项目时我在控制台中收到以下错误:

未捕获的TypeError:myApp.addView不是函数

这是对配置的反应:

    // Initialize your app
    var myApp = new Framework7({
        animateNavBackIcon:true
    });

    // Export selectors engine
    var $$ = Dom7;

    // Add main View
    var mainView = myApp.addView('.view-main', {
      // Enable dynamic Navbar
      dynamicNavbar: true,
      // Enable Dom Cache so we can use all inline pages
      domCache: true
    });

有谁知道造成这种情况的原因以及如何纠正?此外,是否有人为Framework7内联页面应用程序提供了工作模板/代码示例,我可以使用该应用程序,因为我的内容显然不起作用。

干杯

4 个答案:

答案 0 :(得分:1)

只使用1.6.5版 链接在这里! https://github.com/framework7io/framework7/releases/tag/v1.6.5

我认为超过2的版本是奇怪的而不是更新指南

答案 1 :(得分:1)

第二个答案,更多的知识。看来F7文档已经过时了,但现在已经更新了。要通过错误,请更改以下内容:

OLD:app.addView(el,{...})新:app.views.add(el,{...})

其他一些已发生变化的事情:

  • OLD:app.hideIndicator()app.showIndicator()新:app.preloader.show()app.preloader.hide()
  • OLD:app.searchBar(el, {...})新:app.searchbar.create(el,{...})
  • OLD:app.pullToRefreshDone()新:app.ptr.done()

当然还有更多。检查您的控制台是否有错误,并使用文档进行更新以供参考:http://framework7.io/docs/

答案 2 :(得分:0)

尝试在你的div上放置CSS class view-main:

<!-- Views -->
<div class="views">
  <!-- Your main view, should have "view-main" class -->
  <div class="view view-main">

答案 3 :(得分:0)

我在最新更新之前曾经工作的F7应用程序遇到了同样的问题。事实证明我无意中安装了一个不完整(或至少在实质上不同)的测试版本,我安装了1.6.5并且问题消失了。