检查页面上是否包含文件

Question

我有一个页面，其中包含（并且必须包含）一个JS文件，其中包含以下行：

$('.container').perfectScrollbar();

... more essential code ...

当我转到该页面时，控制台出现以下错误：

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

这是因为我没有包含perfectScrollbar插件所需的文件（因为页面不需要它）。

如何检查perfectScrollbar插件是否已加载。即，像：

if (isIncluded) {
    $('.container').perfectScrollbar();
}

Answer 1

该方法将是jQuery.fn的属性。

因此你可以这样做：

if( typeof $.fn.perfectScrollbar === 'function'){
     /* can use the plugin */
}

Answer 2

您可以直接测试函数本身的存在，如下所示：

if ($('.container').perfectScrollbar) {
    $.fn.perfectScrollbar();
}