<script type="text/javascript"?charset="utf-8">
????????????//mui初始化
????????????mui.init({
????????????????swipeBack:?true?//啟用右滑關(guān)閉功能
????????????});
最普通的彈出框:
????????????var?info = document.getElementById("info");
????????????document.getElementById("alertBtn").addEventListener('tap',?function() {
????????????????mui.alert('歡迎使用Hello MUI',?'Hello MUI',?function() {
????????????????????info.innerText =?'你剛關(guān)閉了警告框';
????????????????});
????????????});
升級(jí)版的,有確認(rèn)和取消:
????????????document.getElementById("confirmBtn").addEventListener('tap',?function() {
????????????????var?btnArray = ['否',?'是'];
????????????????mui.confirm('MUI是個(gè)好框架,確認(rèn)?',?'Hello MUI', btnArray,?function(e) {
????????????????????if?(e.index == 1) {
????????????????????????info.innerText =?'你剛確認(rèn)MUI是個(gè)好框架';
????????????????????}?else?{
????????????????????????info.innerText =?'MUI沒有得到你的認(rèn)可,繼續(xù)加油'
????????????????????}
????????????????})
????????????});
超級(jí)版,有確認(rèn)、取消以及填寫內(nèi)容的部分:
????????????document.getElementById("promptBtn").addEventListener('tap',?function(e) {
????????????????e.detail.gesture.preventDefault();?//修復(fù)iOS 8.x平臺(tái)存在的bug,使用plus.nativeUI.prompt會(huì)造成輸入法閃一下又沒了
????????????????var?btnArray = ['取消',?'確定'];
????????????????mui.prompt('請輸入你對MUI的評語:',?'性能好',?'Hello MUI', btnArray,?function(e) {
????????????????????if?(e.index == 1) {
????????????????????????info.innerText =?'謝謝你的評語:'?+ e.value;
????????????????????}?else?{
????????????????????????info.innerText =?'你點(diǎn)了取消按鈕';
????????????????????}
????????????????})
????????????});
????????????document.getElementById("toastBtn").addEventListener('tap',?function() {
????????????????mui.toast('歡迎體驗(yàn)Hello MUI');
????????????});
????????</script>