/**
* jQueryMobile 弹出提示框
* @param text:提示内容
* @param callback:点击确定要执行的函数
*/
function confirmJQM(text, callback) {
var popupDialogId = 'popupDialogC';
$('
').appendTo($.mobile.pageContainer);
var popupDialogObj = $('#' + popupDialogId);
popupDialogObj.trigger('create'); //动态加载时 需要重新刷新下 也就是给popup赋上jqm对应的css
//初始化popup
popupDialogObj.popup({
//关闭时 绑定的事件
afterclose: function (event, ui) {
popupDialogObj.find(".optionConfirm").first().off('click'); //关闭时 需要清除确定按钮上 绑定的事件
$(event.target).remove();//删除 创建的 popup
},
//显示时 绑定的事件
afteropen: function (event, ui) {
popupDialogObj.find(".optionConfirm").first().on('click', function () {
popupDialogObj.attr('data-confirmed', 'no');
$('#popupDialogC').popup('close');
if(callback && callback instanceof Function ){
callback();
}
});
}
});
//打开
popupDialogObj.popup('open');
}
//调用
confirmJQM('确认?', function(){alert('点击了确定')});
借鉴:jQueryMobile 弹出提示框 confirm
最新推荐文章于 2024-07-15 11:34:41 发布