framework7 总结之前遇到的问题和踩过的坑

官网上写的案例比较简单明了，我这里就将我使用时踩过的坑做一个总结，与大家共勉！

最近使用framework，基本全靠浏览官方文档，当然，有遇到了许多的错误，开始不知道哪里出问题也很着急，到最后发现问题其实就是一个特别特别小的地方，但是也就是因为这一点点没有做好，整个项目都运行不起来，今天在这里就简单总结一下遇到的错误，并详细说明一下问题如何解决，如果有同志遇到我遇到的问题，愿为其解答！

问题总结：

1、无法触发事件（解决方式就是用元素选择器选择元素并绑定相应的事件）

2、js只能写到主页面，不能写到各个子界面（下方详细说明了这个问题）

3、子页面的js不知道怎么写（会在下个文章列举两个实例可供参考）

4、$符号被覆盖（定义Dom7时不规范出现的问题）

详细错误：

1、主界面如果没有js逻辑代码，直接引用相应的css、js文件即可（如果有自己定义的js，直接写就可以）

如图：

2、主界面（index页面，即起始页）最外层div的id需为id=“app”（）

主界面最外层div的id 用来newframework7，引用的app.js如下:(只需要将root属性的值与其相匹配即可)

 3、跳转的子界面没有js逻辑代码

配置路由路径用url属性，并且页面直接写html代码就可以

 4、跳转的直接面有js逻辑代码

配置路由路径用componentUrl属性，并且html代码需要写在<template></template>中间

编写js时与平常不同，需要在return{}中间编写

5、$.ajax is not a function 问题

这个问题目前我就遇到过两种情况：

　　1、jquery库没有引用或者引用错误

　　2、jquery冲突

　　3、"$"符号被覆盖（这种情况在定义Dom7的时候可能会被覆盖，例如：var $ = Dom7; ，只需要将其改为：var $$ = Dom7; 即可）

如有问题，欢迎留言！