本文实例讲述了jquery ui dialog替代confirm的方法。分享给大家供大家参考,具体如下:
js的confirm,有的浏览器会直接屏蔽掉,导致功能无法使用,推荐使用jquery ui 的dialog功能,完美替换confirm功能
1、html代码
把上面代码放到公用的地方
2、模拟confirm js代码
"+msg+"");
$("#"+dialog_id).dialog({
resizable: false,modal: true,overlay: {
backgroundColor: '#000',opacity: 0.5
},buttons: {
'确认': function() {
callback.call();
$(this).dialog('close');
},'取消': function() {
$(this).dialog('close');
}
}
});
}
}
定义了一个方法confirm_act,放到公用js文件中,第一个参数,弹层的ID,第二个参数是提示消息,第三个,是回调函数。 注意,调用回调函数时,要用js的call()函数,这个回调函数可以带参数,也可以再包含回调函数。
3、回调js代码
4、怎么调用
注意,如果函数中要传this,注意要重新定义。
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》
希望本文所述对大家jQuery程序设计有所帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。