jquery - 如何检查页面上是否已经存在 fancybox

Question

我正在尝试检查 fancybox 是否已加载。如果是这样，那么我运行一个 ajax 脚本将内容放入其中。

如果没有，我会打开一个 fancybox iframe，它会获取内容。

这是代码:

if ($('div#fancybox-frame:empty').length >0) { 
    alert('it is empty');

$.fancybox({
   'width': '80%',
    'height': '80%',
    'autoScale': true,
    'transitionIn': 'fade',
    'transitionOut': 'fade',   
    'type': 'iframe', 
    'href': '/show_photo'
});
 }
 else{
    alert('it is full');   
    $.ajax({
        type: "GET",
        url: "/show_photo",
        success: function(data){
        cropping_arrived();
        }
    });
  }
});

即使我知道没有打开 fancybox，它总是返回已满。

有什么想法吗？

Answer 1

我用下面的代码让它工作:

if(typeof $.fancybox == 'function') {
     fancy box loaded;
} else {
     fancy box not loaded;
}