• Как написать плагин на jQuery

    Итак, вы стали комфортно работать с jQuery и хотели бы знать, как написать свой собственный плагин.  Замечательно! Вы там, где нужно. Расширение функционала jQuery по средствам плагинов и методов является очень мощной штукой и может спасти много часов разработки Вам и Вашим коллегам,  заключая Ваши самые часто употребляемые функции в плагины. Этот пост, обрисует в общих чертах,  основы, лучшие методы, и распространенные ошибки, которые надо учитывать при написании Вашего плагина. 

    Содержание

     

    Приступая к работе

    Начнем писать JQuery плагин, с добавления нового метода к объекту jQuery.fn, где имя метода - это название Вашего плагина: 

    jQuery.fn.myPlugin = function() {
    
      // здесь помещаете код Вашего плагина
    
    };

    Но постойте! Где же мой знак доллара, который я знаю и люблю?- спросите Вы. Он по прежнему доступен, однако надо убедиться, что Ваш плагин не будет конфликтовать с другими библиотеками, которые также могут использовать знак доллара(Mootools, Prototype). Для этого код Вашего плагина нужно поместить в само вызывающееся замыкание. 

    (function( $ ){
      $.fn.myPlugin = function() {
      
        // здесь код Вашего плагина
    
      };
    })( jQuery );

    Так-то лучше. После этого, другие библиотеки сколько угодно могут изменять знак $, на Вас это не отразится. Внутри замыкания, $ будет равен jQuery.

  • Урок 1 - Работа с Конструктором Яндекс Карт - Движение карты в направлении перемещения метки

     Метка на карте с произвольным шаблоном - Конструктор Яндекс Карт Пришла пора написать серию статей по работе с одной моей разработкой Конструктором Яндекс Карт.Так как продукт уже довольно сложный, и оброс функционалом. Начнем с простых вещей.

    В этой статье я расскажу, как сделать карту, которая будет перемещаться в ту сторону в которую вы перемещаете метку, находящуюся по середине карты. Вот, что мы хотим получить в результате  http://maps.xdan.ru/#hash=dmtJCBck

    В уроке будут затронуты темы: добавление объектов, работа с шаблонами и работы с обработчиками событий.