<script type="text/javascript">
$(function(){
$('#demo1').on('click', function(){
webToast("恭喜您，修改成功恭喜您，修改成功恭喜您修改成功恭喜您","middle",3000);
});
$('#demo2').on('click', function(){
popTipShow.alert('彈窗標題','自定義彈窗內容，居左對齊顯示，告知需要確認的信息等', ['知道了'],
function(e){
//callback 處理按鈕事件
var button = $(e.target).attr('class');
if(button == 'ok'){
//按下確定按鈕執行的操作
//todo ....
this.hide();
}
}
);
});
$('#demo3').on('click', function(){
popTipShow.confirm('彈窗標題','自定義彈窗內容，居左對齊顯示，告知需要確認的信息等',['確 定','取 消'],
function(e){
//callback 處理按鈕事件
var button = $(e.target).attr('class');
if(button == 'ok'){
//按下確定按鈕執行的操作
//todo ....
this.hide();
setTimeout(function() {
webToast("操作成功","top", 2000);
}, 300);
}
if(button == 'cancel') {
//按下取消按鈕執行的操作
//todo ....
this.hide();
setTimeout(function() {
webToast("您選擇「取消」了","bottom", 2000);
}, 300);
}
}
);
});
$('#demo4').on('click', function(){
var html = "<label>姓名：<input class='confirm_input' placeholder='請輸入'></label>";
popTipShow.confirm('彈窗標題',html,['確 定','取 消'],
function(e){
//callback 處理按鈕事件
var button = $(e.target).attr('class');
if(button == 'ok'){
if(null==$(".confirm_input").val() || ""==$(".confirm_input").val()){
webToast("姓名不能為空！","bottom", 3000);
return;
}
this.hide();
setTimeout(function() {
webToast($(".confirm_input").val(),"bottom", 3000);
}, 300);
//按下確定按鈕執行的操作
//todo ....
}
if(button == 'cancel') {
//按下取消按鈕執行的操作
//todo ....
this.hide();
setTimeout(function() {
webToast("您選擇「取消」了","top", 2000);
}, 300);
}
}
);
});
});
</script>
2. js 請求數據時顯示toast提示框，怎麼控制提示框顯示的時間
看你怎麼實現了
一種是在請求數據前展示toast，比如Toast.show(),然後在獲取到數據以及處理完專所屬需要的任務之後隱藏Toast.hide()，這樣的話提示框顯示的時間基本就是請求數據所花的實際
還有種是在toast組件中設置屬性ration(比如默認2.5秒)控制toast展示時間，這樣的話toast顯示的時間就根據傳遞的時間來，Toast.show(3) 那就是toast顯示3秒後關閉
3. toastr.js組件怎麼實現操作完成提示框
//警告
toastr.warning('MynameisInigoMontoya.Youkilledmyfather,preparetodie!')
//成功
toastr.success('Havefunstormingthecastle!','MiracleMaxSays')
//錯誤
toastr.error('.','Inconceivable!')
//移除toast，沒有效回果答
toastr.remove()
//移除toast，有效果
toastr.clear()
//覆蓋設定
toastr.success('.','TurtleBayResort',{timeOut:5000})