> 웹 프론트엔드 > JS 튜토리얼 > jquery 플러그인 개발 Notes_jquery

jquery 플러그인 개발 Notes_jquery

WBOY
풀어 주다: 2016-05-16 18:20:28
원래의
1247명이 탐색했습니다.

오늘 저는 JQ 자체에 이미 이 임시 데이터를 저장할 수 있는 방법이 있다는 것을 발견했습니다.

$("dom").data("mydata","this is data"); ins, we 플러그인에 메소드를 추가해야 하는 경우가 종종 있습니다. 사실 JS 내부에서 메소드를 추가하는 방법을 사용하면 됩니다.

this.myfn=function(){}

소스 텍스트의 일부를 표시하는 이전 플러그인의 코드는 다음과 같습니다.

(CSS 텍스트 오버플로와 유사하지만 이 플러그인의 경우 정확하게 제어하려면 표시할 몇 단어를 제공해야 합니다. 디스플레이 수)

코드 복사 코드는 다음과 같습니다.

/**
* 데모:
* 1.$("#limittext").limittext();
* 2.$("#limittext").limittext({"limit":1});
* 3.$("#limittext").limittext({"limit":1,"fill":"( 免费最合)","fillid":"aaa"});
* 4.$("#limittext").limittext({"limit":1,"fill":"( 免费最合)","fillid":"aaa"}).limit(10); * 5.$("#limittext").limittext({"limit":1,"fill":"( 免费안전)","fillid":"aaa"}).limit('all');
* @param {Object} 선택
* @author Lonely * @link http://liushan.net
*/
jQuery.fn.extend({
limittext:function(opt){
opt=$.extend({
"limit":30,
"fill": "...",
"fillid":null
},opt)
var $this=$(this)
var body=$(this).data('body' );
if(body==null){
body=$this.html()
$(this).data('body',body)
}
.limit=function(limit){
if(body.length<=limit||limit==' all')
var showbody=body
else{
if(opt.fillid= =null)
var showbody=body.substring(0,limit) opt.fill;
else
var showbody=body.substring(0,limit) "" opt.fill "
}
$(this ).html(showbody)
this.limit(opt.limit); >반환
}
});
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿