手机端UI框架light7为什么不会执行jquery和Javascript代码?

发布时间:2020-05-14 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了手机端UI框架light7为什么不会执行jquery和Javascript代码?脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

《手机端UI框架light7为什么不会执行jquery和Javascript代码?》要点:
本文介绍了手机端UI框架light7为什么不会执行jquery和Javascript代码?,希望对您有用。如果有疑问,可以联系我们。

今天第一次使用手机端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。

总结

以上是脚本之家为你收集整理的手机端UI框架light7为什么不会执行jquery和Javascript代码?全部内容,希望文章能够帮你解决手机端UI框架light7为什么不会执行jquery和Javascript代码?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478