-
Notifications
You must be signed in to change notification settings - Fork 266
/
jQuery.Huimodaltips.js
53 lines (51 loc) · 1.61 KB
/
jQuery.Huimodaltips.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
!function($) {
$.Huimodaltips = function(options, callback) {
var defaults = {
btn: ['确定'],
content:'弹窗内容',
title: '提示',
icon: '',
width: 400,
hasClose: false,
};
var options = $.extend({}, defaults, options);
var w= 0;
if (options.width=='auto'){
w ='400px';
}else{
w = options.width + 'px';
}
var htmlstr =
'<div id="modal-tips" class="modal hide modal-tips">'+
'<div class="modal-dialog" style="width:' + w + '">'+
'<div class="modal-content radius">'+
'<div class="modal-header">'+
'<div class="modal-title">' + options.title + '</div>';
if(options.hasClose) {
htmlstr +=
'<a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>';
}
htmlstr += '</div>'+
'<div class="modal-body">'+
'<div class="modal-tips-icon">' + options.icon + '</div>'+
'<div class="modal-tips-content">' + options.content + '</div>'+
'<div class="modal-btn-wrapper">'+
'<button class="btn btn-success size-M radius">' + options.btn[0]+'</button>'+
'</div>'+
'</div>'+
'</div>'+
'</div>'+
'</div>';
if ($("#modal-tips").length > 0) {
$("#modal-tips").remove();
}
$(document.body).append(htmlstr);
$("#modal-tips").modal("show");
$("#modal-tips .modal-btn-wrapper .btn").on("click",function(){
$("#modal-tips").modal("hide");
if(callback) {
callback();
}
});
}
}(window.jQuery);