вызова пользовательской функции JQuery плагин

Question

Я создал простой JQuery плагин следующим образом:

$.fn.greenify = function() { 
    var color = "green"; 
    this.css("color", color); 

    function getColor() { 
     return "green"; 
    } 
}; 

//calling plugin 
$("#test").greenify(); 

То, что я хочу сделать это, чтобы вызвать функцию GetColor(). что-то вроде, как показано ниже:

var v1 = $("#test").greenify(); 
var color = v1.getColor();  

Это, безусловно, не способ сделать это. Как я могу сделать такой звонок?

Answer 1

Хотя это не идиоматическое JQuery сломать chainability, это будет работать:

$.fn.greenify = function() { 
    var color="green"; 
    this.css("color", color); 

    return { 
     getColor: function() { 
      return "green"; 
     } 
    }; 
}; 

Answer 2

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

return { getColor: someFunction }; 

Answer 3

Опираясь на @ MattBall отвечают, вы можете поддерживать цепочки, расширяя объект jQuery, который вы передали в контексте плагина.

$.fn.greenify = function() { 
    var color = 'green'; 
    this.getColor = function() { 
     return 'green'; 
    }; 
    return this; 
}; 

// so this will work: 
$('#test').greenify().addClass('used-jquery-method'); 

// but you won't be able to do it again if you select again: 
var color = $('#test').getColor(); // unknown method 

// you'll have to cache it instead, and build from the same 'chain' 
var element = $('#test').greenify().addClass('used-jquery-method'); 
var color = element.getColor();