muiメッセージボックスalert、confirm、prompt、toast
2086 ワード
最近は注文システムを作りましたが、携帯は二回注文できます.
ポップアップボックスには「キャンセル」と「確定」の二つのボタンがあります.この機能によってポップアップボックスの機能が拡張されています.
muiメッセージボックスalert、confirm、prompt、toast
ポップアップボックスには「キャンセル」と「確定」の二つのボタンがあります.この機能によってポップアップボックスの機能が拡張されています.
muiメッセージボックスalert、confirm、prompt、toast
script type="text/javascript" charset="utf-8">
//mui
mui.init({
swipeBack: true //
});
var info = document.getElementById("info");
document.getElementById("alertBtn").addEventListener('tap', function() {
mui.alert(' Hello MUI', 'Hello MUI', function() {
info.innerText = ' ';
});
});
document.getElementById("confirmBtn").addEventListener('tap', function() {
var btnArray = [' ', ' '];
mui.confirm('MUI , ?', 'Hello MUI', btnArray, function(e) {
if (e.index == 1) {
info.innerText = ' MUI ';
} else {
info.innerText = 'MUI , '
}
})
});
document.getElementById("promptBtn").addEventListener('tap', function(e) {
e.detail.gesture.preventDefault(); // iOS 8.x bug, plus.nativeUI.prompt
var btnArray = [' ', ' '];
mui.prompt(' MUI :', ' ', 'Hello MUI', btnArray, function(e) {
if (e.index == 1) {
info.innerText = ' :' + e.value;
} else {
info.innerText = ' ';
}
})
});
document.getElementById("toastBtn").addEventListener('tap', function() {
mui.toast(' Hello MUI');
});