jquery mobile alter、confirm重写,使用popup
2014-02-06 15:30
232 查看
function confirmDialog(text, callback) { var popupDialogId = 'popupDialog'; $('<div data-role="popup" id="' + popupDialogId + '" data-confirmed="no" data-transition="pop" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width:500px;"> \ <div data-role="header" data-theme="a">\ <h1>Question</h1>\ </div>\ <div role="main" class="ui-content">\ <h3 class="ui-title">' + text + '</h3>\ <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b optionConfirm" data-rel="back">Yes</a>\ <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b optionCancel" data-rel="back" data-transition="flow">No</a>\ </div>\ </div>') .appendTo($.mobile.pageContainer); var popupDialogObj = $('#' + popupDialogId); popupDialogObj.trigger('create'); popupDialogObj.popup({ afterclose: function (event, ui) { popupDialogObj.find(".optionConfirm").first().off('click'); var isConfirmed = popupDialogObj.attr('data-confirmed') === 'yes' ? true : false; $(event.target).remove(); if (isConfirmed && callback) { callback(); } } }); popupDialogObj.popup('open'); popupDialogObj.find(".optionConfirm").first().on('click', function () { popupDialogObj.attr('data-confirmed', 'yes'); }); }
相关文章推荐
- jquery mobile alter、confirm重写,使用popup
- 使用 jQuery Mobile API 实现细粒度的自定义控制
- 使用jQuery Mobile + PhoneGap 开发Android应用程序(转)
- jquery mobile+iscroll使用时关于页面不能操作input标签问题
- jquery-confirm插件使用
- jquery-confirm小弹窗插件的简单使用
- 使用jquery插件layer代替window.confirm方法
- 在jquery中使用$("#form").submit() 重写提交表单时不起作用
- .net MVC3使用jquery.mobile 解决页面二次跳转不加载的问题
- jQuery.mobile使用(一)
- [PHP]移动端网页如何使用JqueryMobile+PHP实现上传图片的功能
- 使用jquery插件layer代替window.confirm方法
- HTML5结合jquery-mobile移动端的使用
- 使用jquery mobile Collapsible Widget 时绑定expand,collapse事件监听器的方法
- 在jquery中使用$("#form").submit() 重写提交表单时不起作用
- 使用Jquery.mobile制造手机网页
- jquery popupDialog 使用 加载jsp页面的方法
- jquery 弹出框 使用popup
- jQuery Mobile基础09----jQuery Mobile Widgets(2)-popup(泡泡窗口
- jquery mobile radio的使用