JQERY Limittext 플러그인 버전 0.2(긴 콘텐츠 제한 표시)_jquery

/**
* 데모:
* 1.$("#limittext").limittext();
* 2.$("#limittext").limittext({"limit":1})
* 3.$("#limittext").limittext({"limit":1,"fill":"...","morefn":{"status":true}}); 4.$("#limittext").limittext({"limit":1,"fill":"...","morefn":{"status":true,"moretext": "more","lesstext ":"숨겨진 부분","fullfn":function(){alert("more")},"lessfn":function(){alert("less")}}})
* 5.$(" #limittext").limittext({"limit":1,"fill":"...","morefn":{"status":true}}).limit( "all");
* @ param {Object} opt
* {
* 제한:30,//표시되는 텍스트 수
* fill:'...'//텍스트를 숨길 때 채우기
* morefn:{
* status:false,//more 활성화 여부
* moretext: "(more)",//텍스트 일부를 숨길 때 표시되는 텍스트
* lesstext: "(less)", //The 모든 텍스트가 표시될 때 표시되는 텍스트
* cssclass: "limittextclass", // A 태그의 더 많은 CSS 클래스 이름 활성화
* lessfn: function(){}, // 더 적은 텍스트가 표시될 때의 콜백 함수
* fullfn:function(){}//더 많은 텍스트가 표시될 때 콜백 함수
* }
* @author Lonely
* @link http: //www.liushan.net
* @ 버전 0.2
*/
jQuery.fn.extend({
limittext:function(opt){
opt=$.extend({
"limit":30,
"fill":"..."
},opt)
opt.morefn=$.extend({
"status": false,
"moretext": "(더)",
"lesstext":"(적게)",
"cssclass": "limittextclass",
"lessfn": function(){
},
"fullfn": function(){
}
},opt.morefn)
var othis=this
var $this=$(othis)
var body =$this.data( 'body');
if(body==null){
body=$this.html()
$this.data('body',body); 🎜>}
var getbuttom=function(showtext){
return ""
"< a>";
}
this.limit=function(limit){
if(body.length<=limit||limit=='all'){
var showbody=body (opt .morefn.status?getbuttom(opt.morefn.lesstext):"");
}else{
if(!opt.morefn.status){
var showbody=body .substring(0,limit )
opt.fill;
}else{
var showbody=body.substring(0,limit)
opt.fill
getbuttom(opt.morefn.moretext );
}
}
$this.html(showbody);
}
this.limit(opt.limit)
$("." opt.morefn.cssclass ).live("클릭 ",function(){
if($(this).html()==opt.morefn.moretext){
showbody=body
getbuttom(opt.morefn.lesstext) );
$ this.html(showbody);
opt.morefn.fullfn()
}else{
othis.limit(opt.limit)
();
}
});
반환
}
})


http://www. jb51.net/jiaoben/ 29345.html