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에서 삭제되기 전")

좋은 웹페이지 즐겨찾기