如何檢查jQuery插件和函數是否存在？

Question

我在一些頁面中有一個插件，但在其他一些頁面中，我不需要它，所以我沒有引用它的腳本文件。

如何在使用前檢查插件功能是否存在。

在我來說，我使用這個插件：我用它是這樣的：

$('#marquee-inner div').marquee('pointer').mouseover(function() { 
    $(this).trigger('stop'); 
}).mouseout(function() { 
    $(this).trigger('start'); 
}).mousemove(function(event) { 
    if ($(this).data('drag') == true) { 
     this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX); 
    } 
}).mousedown(function(event) { 
    $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft); 
}).mouseup(function() { 
    $(this).data('drag', false); 
}); 

我要的是，如果它存在，或者不調用此函數字幕之前進行檢查。

Answer 1

if ($.fn.marquee) { 
    // there is some jquery plugin named 'marquee' on your page 
} 

Answer 2

您也可以這樣做。讓我以jQuery選框爲例。

如果您僅使用jQuery，這很好。

if($().marquee) { 
    // marquee is loaded and available 
} 

OR

if($.fn.marquee !== undefined) { 
    // marquee is loaded and available 
} 

以上，但安全類似的，當你使用的是其他js框架Mootools的等

if(jQuery().marquee) { 
    // marquee is loaded and available 
} 

OR

if(jQuery.fn.marquee !== undefined) { 
    // marquee is loaded and available 
} 

Answer 3

稍微好一點：

if ($.isFunction($.fn.marquee)) { 
    // ... 
} 

也許有點矯枉過正，但這將確保它至少是一個函數。