jquery ui 원본 분석
3271 단어 jQuery UI
jquery ui jquery
jquery ui jquery.ui.widget.js 。 widget 。 $.widget(String name, Options prototype). 。 widget 。
_create() widget , widget , , widget。Widget 。 。
_init () 이 방법은 대부분 다시 쓰지 않습니다. 이 방법은widget을 구축할 때create 후에 실행합니다.이 방법이 적혀 있으면, 실행할 때마다 이 방법을 실행합니다.
Destroy ():widget 실례를dom 대상에서 제거합니다.widget을 개발할 때 이 방법은 필수적입니다.자신이dom 요소에 추가한 스타일과 행동,dom 구조를 제거하는 것입니다.
options: 이 안에 저장된 것은widget의 설정 정보입니다.widget을 만들 때 설정 파라미터를 설정해야 합니다.
요소:widget 작용의dom 대상입니다.
enable () 와disable () 두 가지 방법은widget을 비활성화하고 활성화하는 것입니다.사실은 options 수정입니다.disabled.
다음은 간단한 객체를 작성하는 경우입니다.
(function ($, window, undefined) {
$.widget("ui.test", {
options: {
width: 400
},
_create: function () {
alert(" ")
},
_init: function () {
alert(" ")
},
getWidth: function () {
return this.options.width;
},
_getWidth: function () {
return this.options.width;//
},
destroy: function () {
alert(" dom ")
}
});
})(jQuery, window, undefined)
그중에 ui.테스트 중 ui는 이름 공간이고, 테스트 대상명은 페이지에 요소가 있으면
$("#test")를 실행합니다.테스트 () 는 이 때 실행됩니다
alert(" ")
alert(" ")
$("#test").test("getWidth") $("#test").test("getWidth", 1, 2)
options 400 $("#test").test({width:500}),
$("#test").test("option","width",500) 。
_ , $("#test").test("_getWidth") 。
$("#test")를 실행하는 경우remove () 는alert를 실행합니다. ("대상이dom에서 삭제되기 전")