msui开发的那些坑

最近公司公众号二次开发,前段用到了msui(比较小众的ui),总结一下里面的坑。

官方api链接 (淘宝前团队) 不在维护   

1,$   这个采用的是zepto轻量级的库,而不是jquery,大家遇到$报错,或者调取不了一些jquery方法时候要注意。

2、a标签跳转  正常情况下 a标签是可以正常跳转新页面的,但是在msui不是的。

SUI框架的Router默认开启,会自动拦截所有链接的Touch行为,如果希望一个链接走浏览器原生跳转而不使用router,可以在链接上增加 class="external". (或者自定义属性)

或者:请看官方的解释:

http://m.sui.taobao.org/faq/#router-js

解决方案1:

如果需要禁用路由功能,那么可以在 zepto 之后, msui 之前使用 script $.config = {router: false} 来禁用.

<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type="text/javascript">
    	 $.config = {router: false}
</script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>

解决方案2:

利用js:在a标签中插入js执行:

 <a class="button button-link button-nav pull-left" href="javascript:history.go(-1);" class="external" data-transition='slide-out'>
		      <span class="icon icon-left" style="color: #ff9696;"></span>
</a>

希望对大家有所帮助!!

猜你喜欢

转载自blog.csdn.net/weixin_41686779/article/details/85001393