>  기사  >  웹 프론트엔드  >  jquery.boxy 플러그인_jquery에 대한 iframe 확장 코드

jquery.boxy 플러그인_jquery에 대한 iframe 확장 코드

WBOY
WBOY원래의
2016-05-16 18:23:59754검색
코드 복사 코드는 다음과 같습니다.

/*


Boxy 속성은 변경되지 않고 새로운 w, h, src 속성이 추가됩니다
qBox.Close() ; 현재 창을 닫습니다
qBox.iFSrc({}); 현재 창의 속성을 변경하고 변경되지 않은 Boxy 속성을 가리킵니다.
*/

/ /Boxy 플러그인 확장
jQuery .fn.qbox=function(options){
var node = this.get(0).nodeName.toLowerCase()
var self=this; 🎜>if (노드 ​​== 'a') {
$(this).attr('onclick','').unbind('click').click(function(){return false;}) ;
옵션 = $.extend(options||{ },{src:this.get(0).getAttribute('href'),beforeUnload:function(){ $(self).unbind('click') .click(function(){return $(this).qbox (options);});}})
}
qBox.iFLoad(options)
return false; 🎜>var qBox=function(){};
jQuery.extend(qBox,{
aDgs:[],
iFrame:function(op){
op = jQuery.extend({제목 :'Prompt',w:320,h:200,src :'about:blank',modal:false,fixed:false,unloadOnHide:true},op),fm=parseInt(Math.random()*(1000* 987));//
var 대화 상자 = new Boxy ("로드 중입니다. 잠시 기다려 주세요....",op );

jQuery("# _" fm).load(function(){
dialog.resize(op.w,op.h,function(){});
jQuery( "#ld" fm).remove();
jQuery("#_" fm).css({'padding':'15px','display':''})
}; 🎜>qBox.aDgs.push(dialog);
return false;
},
Close:function(){
qBox.aDgs[qBox.aDgs.length-1].hide() ;
false 반환
},
iFSrc:function(op){
op = jQuery.extend({w:320,h:200,src:'about:blank'},op) ;
qBox.aDgs[qBox.aDgs.length-1].getContent().attr("src","about:blank")
qBox.aDgs[qBox.aDgs.length-1] setTitle(op.t);
qBox.aDgs[qBox.aDgs.length-1].tween(op.w,op.h,function(){qBox.aDgs[qBox.aDgs.length-1]. getContent().attr("src",op.src).css({width:op.w,height:op.h});})
return false;
iFLoad :function(options){
var sr= jQuery(this).attr("href");
var op = jQuery.extend({src:sr},options)
qBox.iFrame( op);
false 반환
}
})


출처 cn795.cnblogs.com