var zIndex=1000;var jqueryAlert=function(opts){var opt={'style':'wap','title':'','content':'','contentTextAlign':'center','width':'auto','height':'auto','minWidth':'0',"className":'','position':'fixed','animateType':'scale','modal':false,'isModalClose':false,'bodyScroll':false,'closeTime':3000,"buttons":{},} var option=$.extend({},opt,opts);var dialog={} dialog.time=450;dialog.init=function(){dialog.framework();} var isHaveTouch="ontouchend"in document?true:false;if(isHaveTouch){dialog.event='touchstart';}else{dialog.event='click';} var $modal=$("
") var $container=$("
");var $title=$("
"+option.title+"
");var $content=$("
");var $buttonBox=$("
");var $closeBtn=$("
×
");if(option.content[0].nodeType==1){var $newContent=option.content.clone();$content.append($newContent)}else{$content.html(option.content);} dialog.framework=function(){dialog.buttons=[];for(var key in option.buttons){dialog.buttons.push(key);} dialog.buttonsLength=dialog.buttons.length;$container.append($title).append($content);if(option.style=='pc'){$container.append($closeBtn).addClass('pcAlert');} if(option.modal||option.modal=='true'){$('body').append($modal) option.bodyScroll&&$('body').css('overflow','hidden');} $('body').append($container) $content.css({'text-align':option.contentTextAlign}) if(parseInt(option.minWidth)>parseInt($container.css('width'))){option.width=option.minWidth;} $modal.css('position',option.position);$modal.css('z-index',zIndex);++zIndex;if(option.position=='fixed'){$container.css({'position':option.position,'left':'50%','top':'50%','z-index':zIndex,})} if(option.position=='absolute'){$container.css({'position':option.position,'left':$(window).width()/2,'top':$(window).height()/2+$(window).scrollTop(),'z-index':zIndex,})} $container.css('width',option.width);$container.css('height',option.height);if(option.width=='auto'){$container.css('width',$container[0].clientWidth+10);} if(parseInt($(window).height())<=parseInt($container.css('height'))){$container.css('height',$(window).height());} (!!option.className)&&$container.addClass(option.className);for(var key in option.buttons){var $button=$("

"+key+"

");if(option.style!='pc'){$button.css({'width':Math.floor(($container[0].clientWidth)/dialog.buttonsLength),})} $button.bind(dialog.event,option.buttons[key]);$buttonBox.append($button);} if(dialog.buttonsLength>0){$container.append($buttonBox);$content.css('padding-bottom','46px');} if(option.title!=''){$content.css('padding-top','42px');} if(dialog.buttonsLength<=0&&option.title==''){$container.addClass('alert-container-black');} $container.css({'margin-left':-parseInt($container.css('width'))/2,'margin-top':-parseInt($container.css('height'))/2,});if(option.animateType=='scale'){$container.addClass('bounceIn');} if(option.animateType=='linear'){$container.addClass('linearTop');} isSelfClose();};function isSelfClose(){if(dialog.buttonsLength<=0&&option.style!='pc'){setTimeout(function(){$container.fadeOut(300);$modal.fadeOut(300);option.bodyScroll&&$('body').css('overflow','auto');},option.closeTime)}} dialog.toggleAnimate=function(){if(option.animateType=='scale'){return $container.removeClass('bounceIn').addClass('bounceOut');}else if(option.animateType=='linear'){return $container.removeClass('linearTop').addClass('linearBottom');}else{return $container;}} dialog.close=function(){dialog.toggleAnimate().fadeOut(dialog.time);$modal.fadeOut(dialog.time);option.bodyScroll&&$('body').css('overflow','auto');};option.style=='pc'&&$closeBtn.bind(dialog.event,dialog.close);option.isModalClose&&$modal.bind(dialog.event,dialog.close);dialog.destroy=function(){dialog.toggleAnimate().fadeOut(dialog.time);setTimeout(function(){$container.remove();$modal.remove();option.bodyScroll&&$('body').css('overflow','auto');},dialog.time)} dialog.show=function(){$modal.css('z-index',zIndex);++zIndex;$container.css({'z-index':zIndex,}) if(option.animateType=='scale'){$container.fadeIn().removeClass('bounceOut').addClass('bounceIn');}else if(option.animateType=='linear'){$container.fadeIn().removeClass('linearBottom').addClass('linearTop');}else{$container.fadeIn()} if(option.position=='absolute'){$container.css({'top':$(window).height()/2+$(window).scrollTop(),})} $modal.fadeIn();option.bodyScroll&&option.modal&&$('body').css('overflow','hidden');isSelfClose();} dialog.init();return dialog;}