msui開發的那些坑
阿新 • • 發佈:2018-12-14
最近公司公眾號二次開發,前段用到了msui(比較小眾的ui),總結一下里面的坑。
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>
希望對大家有所幫助!!