Question

I have written a jQuery plugin like this:

jQuery(function($) {
  $.fn.myPlugin = function() {
    return this.each(function () {
      this.publicFunction = function() {
        alert('test');
      };

      return this;
    });
  };
});

My JavaScript on my HTML page looks like this:

  var myPluginDiv = $("#divTest").myPlugin();
  myPluginDiv.publicFunction();

And I get the error “myPluginDiv.addItem is not a function.” It’s clearly a public function. Why is it not working?

Answer 1

Got it! I knew I’d had this problem before, I just couldn’t remember what I did to fix it. The key is to use .get(0) at the end of my plugin call, like this:

var myPluginDiv = $("#divTest").myPlugin().get(0);

Then I can call myPluginDiv.publicFunction() without a problem.