swapbox.js
3.31 KB
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
/*
* Swap box
* Change the fancybox innerContent with different click element.
* Code by van at 2014.11.28
*/
define( 'swapbox', function( require, exports, module ){
require( 'fancybox' );
var swapbox = function( options ){
this.o = {
fancyLink: 'i-link',
fancyInfo: 'data-info',
fancyName: 'quality-frame',
fancyData: [ "s-q-from","s-q-date","s-q-effect","s-q-img","s-q-name" ],
contentTag: null,
contentAttr: 'data-info',
separator: /[,;\s]/,
cancelButton: 'button'
};
this.o = $.extend( this.o, options );
this.target = _combine( this.o.fancyLink );
this.init();
};
swapbox.prototype = {
init: function(){
/*
* 初始化
*/
this.setfancy();
},
fancy: function(){
/*
* 链接弹框
*/
var _this = this, self;
this.target.click(function(){
self = this;
}).fancybox({
padding: 0,
beforeShow: function(){
_this.changeInfo( self );
}
})
//若存在button按钮，则为fancybox弹出框中button按钮绑定关闭事件
if ( this.o.cancelButton === null ){ return false; }
_combine( this.o.fancyName ).find( this.o.cancelButton ).bind({
click: function(){
$.fancybox.close();
}
})
},
setfancy: function(){
/*
* 设置点击标签href属性指向弹框
*/
this.target.attr( "href", "#"+ this.o.fancyName );
this.fancy();
},
changeInfo: function( target ){
/*
* 修改弹框内容
*/
var data = [],
ct = this.o.contentTag,
ca = this.o.contentAttr,
sepa = this.o.separator;
if ( this.o.contentTag != null ){
for ( var i = 0, l = ct.length; i< l; i++ )
{
var tag = $(target).find( ct[i] );
if ( tag.is("img") ){
data.push( tag.attr("src") );
}else {
data = tag.attr( ca ).split( sepa );
data.push(
tag.html().replace(/^[\s\t\n\r]+/," ")
);
};
};
}else {
data = $( target ).attr( this.o.contentAttr )
.split( this.o.separator );
};
for ( var i = 0, l = this.o.fancyData.length; i< l; i++ )
{
if ( _combine( this.o.fancyData[i] ).is("img") ){
_combine( this.o.fancyData[i] ).attr( "src", data[i] );
continue;
}
_combine( this.o.fancyData[i] ).html( data[i] );
}
}
};
//返回加工的类名或者ID的Jquery对象
//优先返回类名Jquery对象
function _combine( name, onlyClass ){
return $( "."+ name ).length > 0 ? $("."+ name) : $("#"+ name);
};
return swapbox;
} );