$.fancybox( elem )工作，但是$( elem ).fancybox()不工作

Question

Jquery 1.11.1
FancyBox 2.1.5

正如标题所描述的，

$.fancybox( elem )   // works!
$( elem ).fancybox() // Returns `elem`, but doesn't instantiate the Popup

我只会低下头，选择第一个选项，因为它是有效的，但我不能以这种方式将选项传递给FancyBox。

有什么想法吗？谢谢!

Answer 1

案例1：

$( elem ).fancybox({
    // API options
});

..。只是将fancybox绑定到elem，但仍然需要一个click事件(在elem上)才能触发fancybox。请参阅JSFIDDLE

案例2：

$.fancybox(elem,{
    // API options
});

...triggers fancybox以编程方式使用elem作为其内容。JSFIDDLE

案例3：

$.fancybox({ 
    content: elem,
    // other API options
}); 

..。它类似于案例2，但使用了不同的语法。它通常用于将任意HTML作为内容传递(通常需要将type设置为html)。JSFIDDLE

案例4：

如果elem是一个引用(例如一个inline容器)，那么您可以这样做

$.fancybox({ 
    href: elem,
    // other API options
}); 

JSFIDDLE

案例5：

$.fancybox([object],{
    // API options
});

..。其中可以传递javascript对象的集合，如下所示：

var elem = [{
    href: "images/image01.jpg",
    title: "title 01"
}, {
    href: "images/image02.jpg",
    title: "title 02"
}];

请参阅JSFIDDLE

注意事项：以上所有场景都适用于fancybox v1.3.4或v2.x

Answer 2

只是把这个作为一个部分的答案。使用工作中的非官方语法，我可以写：

$.fancybox({ content: elem });

然后，我可以传递选项以及elem