jquery 플러그인 작성 사고방식
1483 단어 jquery 플러그인
function(e) {
e.fn.floatNav = function(t) {
var i = e.extend({
start: null,
end: null,
fixedClass: "nav-fixed",
anchor: null,
targetEle: null,
range: 0,
onStart: function() {},
onEnd: function() {}
},
t),
s = e(this),
a = s.height(),
o = s.width(),
n = e('<div class="float-nav-wrap"/>'); // ，
//return ， ， this ， jquery ， ，
return s.css({
height: a,
width: o
}),
s.parent().hasClass("float-nav-wrap") || s.wrap(n.css("height", a)), // float-nav-wrap ， ， s.wrap(n.css("height", a))
e(window).bind("scroll",
function() {
var t = e(document).scrollTop(),
a = s.find("a").eq(0).attr("href"),
o = i.start || s.parent(".float-nav-wrap").offset().top,
n = i.targetEle ? e(i.targetEle).offset().top: 1e4;
t > o && (i.end || n) - i.range > t ? (s.addClass(i.fixedClass), i.anchor && a !== i.anchor && s.find("a").attr("href", i.anchor), i.onStart && i.onStart()) : (s.removeClass(i.fixedClass), i.anchor && s.find("a").attr("href", "javascript:;"), i.onEnd && i.onEnd())
}),
this
}
} (jQuery),
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
DWZ에서 타사 jQuery 플러그인 통합 방법jQuery 플러그인은 일반적으로 $(document)입니다.ready () 에서 초기화 DWZ RIA는 풍부한 클라이언트 사고방식이기 때문에 처음 열었을 때 브라우저에 인터페이스를 불러오고 서버와의 상호작용은 저장...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
