SUI中的坑：打开html页面，js不自动加载，自由刷新后才会加载

最近写的一个ssm项目中使用到了sui框架，到页面都写好之后发现每次跳转过去js代码都不会去加载，只有点击刷新之后才执行js代码，chrome控制台查看后发现，每次跳转之后都只有network发生了变化，但也只是加载了html页面，js并没有加载，source更是没有任何变化，抓狂

在论坛和百度无果之后，在github上发现有人说是SUI的bug，路由问题, 在class中添加in external ，跳转之后就可以加载了

结果一试，发现真的可以，完美解决

由于没考虑到会使前端框架的问题，导致迟迟没能找到问题所在，看来以后发现问题还得多方面考虑

下面是SUI中常见的一些坑：

前端UI库SUI Mobile 不可不知的坑

1.不随意改变sui的框架(html,css等)
(如body，框架
<div class="page-group">
<div class="page page-current">等这些里面都不加class或是id,除非背景颜色改变太大，可以加，或是一定需要的时候，加上id<div class="page page-current" id="">
)
2.注意如果psd的页面设计的内容需要改变sui框架css很多，那么直接根据sui框架
(如：头部，底部。二级等。tab)

3.初始化方法: $.init()必须放在后面
他会调用 $.initPage 方法初始化页面组件，并且触发一个 pageInit 事件，
所以请确保在所有的 pageInit 事件绑定之后再调用 $.init() 方法。
4.要摸框分布，一块一块。

5.sui 的使用时候要注意语义，是做列表的只能单做列表，
6.图标：为了在不同浏览器设备中的现实一样的效果，不会出现差异太大
所以使用图标，而不是使用图片。
如果在图标库里找不到与设计稿一样的话，就使用类似的图片代替或是自己做一个图标(svg)
二。问题
a.tab与轮播会同时使用时，要注意的问题
出现问题：当tab链接里的内容到另一个页面的时候，在返回时，轮播图片没有
   这是因为路由原因，---可以在链接a上增加 class="external" 禁用路由功能。
b.使用路由要注意。