Как заставить мою функцию вызываться $ (..). Name()?

Question

Я создал функцию js с именем draw(), теперь возможно, что я могу вызвать этот метод, используя оператор . после того, как я получу элемент, используя $(...). Я имею в виду, мне нравится работать $(#myId).draw(). Сейчас он дает ошибку, как неопределенная функция. Как я могу заставить его работать?

Answer 1

Лучший способ добавить методы с использованием jquery.fn.extend (Как мы можем добавить несколько функций плагина в то время)

Пример кода выглядит

jQuery.fn.extend({ 
    draw: function() { 
    return this.each(function() { 
     // add code here to draw 
    }); 
    } 
}); 

После того, как вы добавите этот метод, вы можете использовать ниже код для вызова ваших рисовать метод на любом элементе JQuery

$("#myId").draw() 

Официальный Ссылка:jquery.fn.extend

Answer 2

Вы должны создать его как плагин jquery. Как описано здесь.

Best Way to Extend a jQuery Plugin

Документация из JQuery: http://api.jquery.com/jquery.fn.extend/

JsFiddle образец: http://jsfiddle.net/Wdx75/

var obj1 = { "color" : "yellow" }; 
var obj2 = { "background" : "blue" }; 

var o = $.extend({}, obj1, obj2); 


$.fn.draw = function(){ 
    $("div").css(o); 
} 

$('abc').draw(); 

Answer 3

Трудно сказать из вашего вопроса, но это звучит, как вы хотите создать JQuery плагин. Вы можете сделать это путем расширения $.fn:

$.fn.draw = function(){ 
    /* ... */ 
} 

Тогда вы можете позвонить, что против селектора:

$('#myId').draw(); 

Дополнительная документация здесь: http://learn.jquery.com/plugins/basic-plugin-creation/

Answer 4

Вы NEET к look at addingjquery plugin

$.fn.draw= function(){ 

} 

Answer 5

Вы тусклый t для использования jQuery.fn.extend, задокументировано здесь http://api.jquery.com/jquery.fn.extend/.

$.fn.extend({ 
    draw: function() { 

    // do something to the jQuery object 
    return this; 

    } 
}); 

Теперь вы можете вызвать .draw на объект JQuery, созданный с $(...).