How to check if a plugin function exists?

Question

I have this code:

$(document).ready(function() {
    $('.tabs-container').tabs({ 
        tabs: '.bar', 
        tabs_container: '.foo' 
    });
});

Sometimes the tabs script plugin won't load, causing the rest of the js page to abort due to this error in the console:

TypeError: $(...).tabs is not a function

How can I check if a tab function exists before attaching this plugin to an element?

+3

TK123 Feb 14 13 at 18:23

1 answer

Russ Cam · Accepted Answer · 2013-02-14T18:24:44+0000

if($.fn.tabs) {
    /// .. it exists
}