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),

좋은 웹페이지 즐겨찾기