官网上写的案例比较简单明了,我这里就将我使用时踩过的坑做一个总结,与大家共勉!
最近使用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; 即可)
如有问题,欢迎留言!