Обтекание одной функции внутри другой

Question

Я использую плагин jquery.webui-popover.js. Я получил его на работу со следующим кодом:

$('.button').webuiPopover({ 
    placement: 'bottom', 
    title: 'Link Item to Button', 
    content: '123', 
    animation: 'pop', 
    delay: { 
     show: null, 
     hide: 300 
    }, 
}); 

Однако я пытаюсь обернуть его в своей собственной функции, как я называю его в моем коде нескольких элементов в разное время. Я изменил его:

function AddCreatePopoverBinding(element) { 

    element.webuiPopover({ 
     placement: 'bottom', 
     title: 'Link Item to Button', 
     content: '123', 
     animation: 'pop', 
     delay: { 
      show: null, 
      hide: 300 
     }, 
    }); 
} 

И затем вызвать его дальше вниз в моем коде с помощью:

$('.button').AddCreatePopoverBinding(); 

Однако я получаю следующее сообщение об ошибке:

Uncaught TypeError: $(...).AddCreatePopoverBinding is not a function

Что я делаю неправильно? Я попытался использовать оператор .each для вызова функции, но это также не удалось.

Answer 1

Как A. Wolff говорит, вы должны были бы то, что известно как jQuery Plugin сделать это, то есть добавить функцию в пространство имен JQuery:

$.fn.AddCreatePopoverBinding = function() { 
    return this.webuiPopover({ 
     placement: 'bottom', 
     title: 'Link Item to Button', 
     content: '123', 
     animation: 'pop', 
     delay: { 
      show: null, 
      hide: 300 
     }, 
    }); 
} 

Это должно также позволить chaining:

var button = $('.button').AddCreatePopoverBinding(); 
console.log(button.text()); 

Answer 2

Вы можете позвонить функцию следующим образом:

AddCreatePopoverBinding($('.button'));