1. 程式人生 > >msui開發的那些坑

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>

 

希望對大家有所幫助!!