如何检查 PrettyPhoto 是否已定义

Question

我的主js文件中有这个片段，我们整个网站都使用

$("a[rel^='prettyPhoto']").prettyPhoto({
        theme: 'light_square',
        showTitle: false,
        allow_resize: true
    });

该片段，问题是在某些页面上prettyPhoto未定义并导致firebug中出现错误，所以我想我会尝试这个，

if(typeof prettyPhoto=="undefined"){
    //do nothing
}else{
    $("a[rel^='prettyPhoto']").prettyPhoto({
        theme: 'light_square',
        showTitle: false,
        allow_resize: true
    });
}

但这总是执行为true，即使在页面上漂亮的照片可用......任何想法

Answer 1

试试这个：

if (typeof $.fn.prettyPhoto == "function") {
    // we have prettyPhone on the page
}

Answer 2

如果你在一个你知道有 PrettyPhoto 的页面上执行 console.log(prettyPhoto) ，它会说什么？一个物体？

如果是这样，那么你就这样做

if(typeof prettyPhoto === 'object'){
    //do your stuff here.
}