$ .fancybox (эль) работает, но $ (эль) .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 
}); 

... запускает 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

Case 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