jQuery plugin methods

Question

I am new to jQuery plugin creation and created a plugin for my project [Tumblr style tagging].

[I know there are so many plugins available but i want to create myself :D]

here it goes

(function($) {

    $.fn.Tagger = function () 
    {
        this.each(function()

        {
                //codes goes here

        });

    };


})(jQuery);

so that after doing this i can do something like this to create taggable input

$("#IdOfTheElement").Tagger();

Now i created the UI and need to get the value of the UI.

For example user types meta as google , yahoo ,msn ....

so that i need to get the values as google,yahoo,msn .

i want to know the method of doing this [not the code]

something like this available ?

$("#ID").Tagger("value"); //returns the values

or

$("#ID").Tagger().val(); // is this possible ?

Hope you understand the question ,all comments/suggestions are welcome.

Please help me complete.

Thank you.

Update

Please check this fiddle http://jsfiddle.net/pNqUL/

i suggest you read more about plugin authoring. it's pretty much explained here how to do what you are doing. Also, use a boilerplate so that you won't be scratchcoding all the time. — Joseph
– Joseph, Commented Apr 7, 2012 at 4:56

nathanjosiah · Accepted Answer · 2012-04-07 04:56:12Z

1

The last on you specified is possible by changing the code to this:

(function($) {

    $.fn.Tagger = function () 
    {
        return this.each(function()

        {
                //codes goes here

        });

    };


})(jQuery);

by returning the orignal selector match you are able to continue the daisy chain of commands. so if $('#ID') was a form field, then $("#ID").Tagger().val(); would return the value

answered Apr 7, 2012 at 4:56

nathanjosiah

4,4594 gold badges38 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Red Over a year ago

Thanks for that ,i got the idea about the chainability ,but i cannot do this by just returning the selector ,because the taggable input is not actually a input of type text [or some element that can return the value] it is a combination of ul and li ,is there any other way ?

nathanjosiah Over a year ago

I can't tell what this script is trying to accomplish. Can you condense it to something more or less in this format: jsfiddle.net/nathanjosiah/aCP7X

Red Over a year ago

You are in the right way ,returning the values means that getting all the text values of all li elements inside the ul

Red Over a year ago

You are providing the code ,not a method to do this,i am trying to get some ideas about Plugin Methods.

nathanjosiah Over a year ago

I apologize, your question is very vague and it appears you were just looking for code to solve the problem.

|

Red · Accepted Answer · 2012-04-07 06:35:07Z

0

I collected all of my plugin's methods in an object literal and called them by passing the string name of the method to the plugin [as per the tutorial says...].

so to apply the tagger i can do

$("#ID").tagger(); // making element as taggable

$("#ID").tagger("value") //returns the value of tagged elements

answered Apr 7, 2012 at 6:35

Red

6,41813 gold badges67 silver badges113 bronze badges

Collectives™ on Stack Overflow

jQuery plugin methods

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related