JQuery Module Pattern
Posted at 2016-03-24 JQuery
這個 Pattern 主要是可以區別出 Private 跟 Public 的變數跟函式,把不需要對外的資料封裝起來。
1234567891011121314151617181920212223242526272829303132333435363738394041
(function($) { // link The Module Pattern // https://learn.jquery.com/code-organization/concepts/ var member = (function() { // 私有變數 var deleteMemberElement = '#deleteMember'; var memberNoElement = 'input[name=memberNo]'; var memberTypeElement = '#memberDetail select[name=memberType]'; var memberTypeSelectedElement = memberTypeElement + ' :selected'; // 私有函式 var deleteMember = function(e) { e.preventDefault(); } var checkMemberID = function(e) { e.preventDefault(); } var hello = function() { alert('hello'); } // 公開的 API return { init: function() { $(deleteMemberElement).on('click', deleteMember); $(memberNoElement).on('change', checkMemberID); }, otherAPI: function() { hello(); } }; })(); member.init(); member.otherAPI();}(jQuery));
Previous post: 取得其他 git remote branch Next post: ckeditor 換行語法調整