jQuery- plugin is not a function

Asked Jul 14 '16 at 16:54

Active Jul 14 '16 at 16:54

Viewed 2,182 times

I'm just learning to create jQuery plugin. But I'm getting error in my initial effort. I did refer here, jquery - is not a function error but it seems like my code is similar to that. But what causing the above error?

//invoking the function like in app.js

jQuery(function(){
  jQuery('body').testapp();
});

//defining the plugin in app.jquery.js

jQuery.noConflict();
(function($){
    $.fn.testapp = function(){
        return $(this).append('<h1>success</h1>');
    };
})(jQuery);

error getting in chrome console:

****app.js:2 Uncaught TypeError: jQuery(...).testapp is not a function****

edited May 23 '17 at 11:51

Community

asked Jul 14 '16 at 16:54

112233

2,406
3
38
88

2

Did you call in the library prior to this? I get this when I forget to call the library – Jose Ortiz Jul 14 '16 at 16:57
I did call jquery library prior to this.. – 112233 Jul 14 '16 at 16:57
1

Did you add Jquery in your project before calling you app? – Isabel Inc Jul 14 '16 at 16:57
@JoseOrtiz, sorry my bad, there were two jquery files included one before and jquery.min.js after my script..that causing the problm...now I included it before my script..and works fine – 112233 Jul 14 '16 at 17:00
@JoseOrtiz, thank you so much for pointing out my silly mistake – 112233 Jul 14 '16 at 17:01
1

No problem it happens to the best of us :) Happy coding – Jose Ortiz Jul 14 '16 at 17:03

jQuery- plugin is not a function

0 Answers0