Хотите превратить этот всплывающий эффект в плагин

Question

Вот ссылка на мою скрипку с примером: http://jsfiddle.net/stavros917/AaQpZ/

Итак, я собрал этот эффект и всплывающее окно, которое можно использовать для разных целей в приложении, которое я нахожусь.работая с командой.Я хочу, чтобы это всплывающее окно было легко использовано в приложении, поэтому я пытаюсь превратить его в собственный плагин, который могут использовать другие разработчики, с которыми я работаю.Я хотел бы иметь возможность передать вызов функции несколько различных значений, чтобы им не приходилось каждый раз заново создавать html.Глядя, чтобы сделать что-то вроде этого, когда я называю это:

$('popMe').popUp({
    headLine: 'headline text',
    buttonOneTxt: 'some text'
    buttonOneImg:  'foo.jpg'
    buttonTwoTxt:  'some more text'
    buttonTwoImg:  'img.jpg' 
});

Любая помощь будет потрясающей!Все еще довольно плохо знакомы с созданием плагинов, поэтому я немного застрял в том, как к этому подойти.Я уверен, что есть много загружаемых программ, но я искренне хочу узнать, как это делается.Еще раз спасибо!

Answer 1

Вам просто нужно обернуть все в простую структуру команд:

jQuery.fn.popUp = function () {

Я собрал все это вместе в функцию, которую вы можете повторно использовать, называется popUp () ;.Я не исправил некоторые ошибочные ошибки в вычислениях и перезапустил неправильные числа - это ваше дело.Goodluck.

http://jsfiddle.net/AaQpZ/1/

РЕДАКТИРОВАТЬ 1

Обновлен снова, чтобы обеспечить заполнение динамических полей.Пожалуйста, посмотрите здесь скрипку и прокрутите скрипт вниз, чтобы увидеть, как функция a вызывает HTML и передает его в качестве параметров в функцию popUp ().

http://jsfiddle.net/AaQpZ/2/

РЕДАКТИРОВАТЬ 2

Вздох ... Я забыл остановить распространение, и возникли проблемы с добавлением функций закрытия / ввода.Добавлен новый код для остановки StopPropagation () ...

http://jsfiddle.net/AaQpZ/3/