Статьи

Структура функции с шаблоном пространства имен jQuery

Привет, ребята, я поделился с вами шаблоном, который я использую для структурирования кода при написании новой функции jQuery внутри пространства имен JQUERY4U.POSTS. Не все функции (или плагины в этом отношении) закодированы одинаково, это факт. Но просмотр шаблонов — это хороший способ научиться писать эффективный код.

/**
* Function Name
* Function Description
* @author          
* @modifiedby      
* @copyright       
* @version         
* @lastmodified    
* @requires
*/

;JQUERY4U.POSTS = 
{
    name: 'JQUERY4U.POSTS',
	
	//variables available to whole of namespace
	postIds: [],
	
    init: function($, opts)
    {
        if(typeof opts!='undefined')
        {
            $.extend(this.options, opts); 
        }
        
        $(function()
        {  
            JQUERY4U.POSTS.setupPostLayout();
            JQUERY4U.POSTS.setupPostOptions();
	    JQUERY4U.POSTS.setupPostText();
	    JQUERY4U.POSTS.setupPostImage();
	    //etc
            
            // check if IE 6 (use a mix of feature detection and the version string).
            if(!($.support.cssFloat) && ($.browser.version).charAt(0) == '6'){
				JQUERY4U.POSTS.hideSelect=true;
            }
        
            // preload the CSS background
            preloadImage = new Image(); 
            preloadImage.src = "/fcweb/searchpanel/images/autocompleteBg.gif";
        });
    },
	
	setupPostLayout: function(){
		//code
    },
	
	setupPostOptions: function(){
		//code
    },
	
	setupPostText: function(){
		//code
    },
	
	setupPostImage: function(){
		//code
    }
	
	//example call to options
	JQUERY4U.POSTS.options.postimageurl
}
JQUERY4U.POSTS.init(jQuery);