/** @Author: Administrator

* @Date: 2017-01-11 15:12:25

* @Last Modified by: Administrator

* @Last Modified time: 2017-01-11 15:13:33*/

‘use strict‘;var $window =$(window);var $body = $(‘body‘);functionpop(arg){if(!arg) {

console.error(‘pop title is required‘);

}var conf ={}, $box, $mask, $title, $content, $confirm, $cancel, timer, dfd, confirmed;

dfd=$.Deferred();if(typeof arg == ‘string‘)

conf.title=arg;else{

conf=$.extend(conf,arg);

}

$box= $(‘

‘)

.css({

color:‘#333‘,

width:300,

height:200,

background:‘#fff‘,

position:‘fixed‘,‘box-radius‘: 3,‘box-shadow‘: ‘0 1px 2px rgba(0,0,0,.3)‘})

$title= $box.find(‘.pop_title‘).css({

padding:‘5px 10px‘,‘font-weight‘: 700,‘font-size‘: 20,‘text-align‘: ‘center‘})

$content= $box.find(‘.pop_content‘).css({

padding:‘5px 10px‘,‘text-align‘: ‘center‘})

$confirm= $content.find(‘button.confirm‘);

$cancel= $content.find(‘button.cancel‘);

$mask= $(‘

.css({

position:‘fixed‘,

background:‘rgba(0,0,0,0.5)‘,

top:0,

bottom:0,

left:0,

right:0})

timer= setInterval(function(){if (confirmed !==undefined) {

dfd.resolve(confirmed);

clearInterval(timer);

dismiss_pop();

}

},50);

$confirm.on(‘click‘, on_confirm);//$cancel.on(‘click‘, function(){

//confirmed = false;

//});

$cancel.on(‘click‘,on_cancel);

$mask.on(‘click‘, on_cancel);functionon_confirm(){

confirmed= true;

};functionon_cancel(){

confirmed= false;

};functiondismiss_pop(){

$mask.remove();

$box.remove();

}functionadjust_box_posititon() {var window_width =$window.width(),

window_height=$window.height(),

box_width=$box.width(),

box_height=$box.height(),

move_x,

move_y;

move_x= (window_width-box_width)/2;

move_y = ((window_height-box_height)/2)-30;

$box.css({

left:move_x,

top:move_y,

});

}//resize事件作用是，当缩放窗口的时候调用adjust_box_posititon(),使$box一直居中

//但是不能一打开窗口的时候就要求缩放，所以要增加一次触发$window.resize()

$window.on(‘resize‘, function() {

adjust_box_posititon();

});

$mask.appendTo($body);

$box.appendTo($body);//增加一次触发使$box居中

$window.resize();returndfd.promise();

}