<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})