jquery plugin and a Click button

Question

I think this must be easy but I am failing to make it work. I Have a this from my plugin

(function($) {
$.fn.Update = function() {
   console.log("Clicked");
}; 
})(jQuery);

and this on the page where I want to use:

<script src="~/Scripts/my.Plugin.js">

</script>

$(function() {
    $(".btnUpdate").click(function() {
        //TODO: Add the function from the plugin
        Update();
    });        
});

but I am getting ReferenceError: update is not defined and noticed that when the page load, I don't go inside the function, I only touch on the $.fn.update and move straight to the end.

Any help welcome

Try calling your function like this: $().Update();.

Ben
– Ben

2014-07-27 11:50:20 +00:00
Commented Jul 27, 2014 at 11:50 — Ben
– Ben, Commented Jul 27, 2014 at 11:50

Ionică Bizău · Accepted Answer · 2014-07-27 12:09:24Z

3

Using $.fn.Update = function() {...} you add a new method to jQuery selected elements.

You can call that function using:

$.fn.Update();

or

$("...").Update();

Using $(foo).Update(), $(foo) will be this inside of the Update function.

You get Update is not defined error because you don't have any Update function (that is declared globally), but $.fn.Update.

edited Jul 27, 2014 at 12:09

answered Jul 27, 2014 at 11:51

Ionică Bizău

114k95 gold badges311 silver badges490 bronze badges

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

2 Comments

Jack M Over a year ago

Accepted as an answer as I think it is correct when adding an event/manipulating a DOM, It is not applicable to my situation. for anyone looking to use plugins inside the click of a button then $().Update did the trick for me.

Ionică Bizău Over a year ago

@JackM If your plugin doesn't interact with DOM, you can simply attach it to $: $.Update = function () {...}. Then you will call it directly: $.Update().

Kyle Emmanuel · Accepted Answer · 2014-07-27 12:31:42Z

0

You're calling a method from your own plugin.

You can either bind it to an element like $("#some_element").Update();

Read more here: http://learn.jquery.com/plugins/basic-plugin-creation/

edited Jul 27, 2014 at 12:31

answered Jul 27, 2014 at 11:59

Kyle Emmanuel

2,2211 gold badge17 silver badges23 bronze badges

1 Comment

Kyle Emmanuel Over a year ago

Sorry, my bad. I forgot that it was using $.fn @Ben

Collectives™ on Stack Overflow

jquery plugin and a Click button

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related