官網上寫的案例比較簡單明了,我這里就將我使用時踩過的坑做一個總結,與大家共勉!
最近使用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; 即可)
如有問題,歡迎留言!