- UID
- 491623
- 在线时间
- 小时
- 积分
- 529
- 帖子
- 离线
- 18645 天
- 注册时间
- 2008-7-25
|
- 1.<a href="javascript:;"id="test2">confirm</a>
- 2.3.4.<script language="javascript"type="text/javascript">
- 5.$(document).ready(function(){
- 6. $("#test2").click(function(){
- 7. new $.layerbox({
- 8. 'type':"confirm",
- 9. 'content':"你确定要删除它吗?",
- 10. 'title':"提示",
- 11. 'onClose':function(n){ alert(n) }
- 12. })._show();
- 13. });
- 14. });
- 15.</script>
复制代码- 1.(function($) {
- 2.$.layerbox = function(settings) {
- 3.var_this = this;
- 4.var_close=$('<span id="layer_close"></span>').click(function(){
- 5._this._remove();
- 6.});
- 7.8._no_btn=$("<button class='layer_no_btn'>取消</button>").click(function(){
- 9._this._remove();
- 10.});
- 11.if(typeof(settings) == 'string') {
- 12.varcontent = settings;
- 13.settings = {content: content};
- 14.}
- 15.16.settings.width = (settings.width || 260) > $('body').width() ? $('body').width() : (settings.width || 260);
- 17.settings.height = (settings.height || 150) > $('body').height() ? $('body').height() : (settings.height || 150);
- 18.settings.title = settings.title || '提示';
- 19.settings.content = settings.content || '谢谢使用提示层,请设置要提示的内容!';
- 20.this.settings = settings;
- 21.22.this.background=$('<div>').css({
- 23.'width': $(window).width() + 'px',
- 24.'height': $(window).height() + 'px'
- 25.}).appendTo('body').addClass('layerop')
- 26.27.this.mainWrapBg=$('<div>').css({
- 28.'width': settings.width+'px',
- 29.'height': settings.height+'px',
- 30.'left': ($(window).width() - settings.width) / 2+ 'px',
- 31.'top': ($(window).height() - settings.height) / 2 -50+ 'px'
- 32.}).appendTo('body').addClass('layerbg')
- 33.34.this.mainWrap=$('<div>').css({
- 35.'width': settings.width-10+'px',
- 36.'height':settings.height-10+'px',
- 37.'left': ($(window).width() - (settings.width-10)) / 2+ 'px',
- 38.'top': ($(window).height() - (settings.height-10)) / 2 -50+ 'px'
- 39.}).appendTo('body').addClass('layerbox')
- 40.41.42.switch(settings['type']){
- 43.case'loading':
- 44.$("<div>", {
- 45."class": "layerloading",
- 46."style":"text-align:center;padding-top:12px",
- 47.html: "<img src='images/layer_loading.gif' style='vertical-align:bottom'/> "+settings['text']
- 48.}).appendTo(".layerbox");
- 49.break;
- 50.case'confirm':
- 51.var_yes_btn=$("<button class='layer_yes_btn'>确定</button>").click(function(){
- 52.53.54.//请问这里应该怎么写 settings.onClose 值会回调 alert(N) 才能运作啊 55.56.57._this._remove();
- 58.});
- 59.this.layerTitle=$('<div>',{text:settings.title}).appendTo('.layerbox').addClass('layerTitle')
- 60.this.layerTitle.append(_close);
- 61.this.layerAlert=$('<div>',{text:settings.content}).appendTo('.layerbox').addClass('layerbox_alert')
- 62.this.layerLayerbtn=$('<div>').appendTo('.layerbox').addClass('layer_btn')
- 63.this.layerLayerbtn.append(_yes_btn);
- 64.break;
- 65.}
- 66.returnthis;
- 67.}
- 68./* prototype domready Preceded by new */
- 69.$.layerbox.prototype = {
- 70._show: function() {
- 71.this.background.show();
- 72.this.mainWrapBg.show();
- 73.returnthis;
- 74.},
- 75._remove: function() {
- 76.$('.layerop,.layerbg,.layerbox').remove()
- 77.returnthis;
- 78.}
- 79.}
- 80.81.})(jQuery);
复制代码 就跟一些弹出框一样,点击确定或取消会做一些动作,这里的TRUE FALSE 是怎么被传回的啊 |
|