《手机端UI框架light7为什么不会执行jquery和Javascript代码？》要点：
本文介绍了手机端UI框架light7为什么不会执行jquery和Javascript代码？，希望对您有用。如果有疑问，可以联系我们。
相关主题：html5和webapp
今天第一次使用手机端UI框架Light7，很漂亮，但是问题马上就来了，
你会发现你的jquery或javascdript代码不会被执行到。
这是因为默认是开启了router，这个功能意味着当你切换页面时，light7是使用ajax方式加载，而原有的js代码不会重新加载，因此不会执行。
解决方法：
方式1、取消router，两种方法
1、在light7.min.js中，把
router:!0,
改成：
router:!1,
2、或者在引入jquery.min.js后，引入light7.min.js前，进行配置设置：
<script type='text/javascript' src='/public/js/jquery-2.1.4.min.js' charset='utf-8'></script>
<script>
$.config = {
router: false
}
</script>
<script type='text/javascript' src='/public/light7-build/dist/js/light7.min.js' charset='utf-8'></script>或者，你预先用on绑定所有页面的事件。但页面多时，不推荐这么做。
下面是一个不取消router的做法：
在每个页面都会被执行
$(document).on("pageInit", function() {
var curUri =window.document.location.pathname;
$('a.tab-item').removeClass('active').each(function (i) {
var href=$(this).attr('href');
if(curUri == href ){
$(this).addClass('active');
return false;
}
})
});取消light7的router有什么后果？
没有，只是页面切换没有那么漂亮，有router时，页面切换会从右边滑进来。取消后，就是普通的加载新页面。
最后，别忘了执行：
$.init()//关键
上面的坑据说SUI Mobile也有，light7是脱胎于SUI Mobile，但light7可以支持jquery。
