jquery mobile 实现自定义confirm确认框效果的简单实例
类似删除的效果,在执行之前,一般需要添加确认对话框,点确认的话执行,取消按钮就不执行,传统的js
这种效果比较丑,使用jquery mobile优化一下
需要引用的文件:
\
')
.appendTo($.mobile.pageContainer);
var popupDia
logobj = $('#' + popupDialogId);
popupDia
logobj.trigger('create');
popupDia
logobj.popup({
afterclose: function (event,ui) {
popupDia
logobj.find(".optionConfirm").first().off('click');
var isConfirmed = popupDia
logobj.attr('data-confirmed') === 'yes' ? true : false;
$(event.target).remove();
if (isConfirmed) {
//这里执行确认需要执行的
代码
}
}
});
popupDia
logobj.popup('open');
popupDia
logobj.find(".optionConfirm").first().on('click',function () {
popupDia
logobj.attr('data-confirmed','yes');
});
}