Вызов fancybox с элементом jquery

Question

Я знаю, что есть способ вызвать fancybox вручную с помощью строки html, например:

$.fancybox("<div>foo</div>")

Однако я хочу вместо этого передать объект jQuery в fancybox, чтобы я мог сохранить такие вещи, как.События data () и click (), которые я уже добавил:

var $fooObj = $("div.foo").data("foo","bar");
$.fancybox($fooObj);

Возможно ли это как-то?

Answer 1

Вам просто нужно установить его как свойство content в параметрах, которые вы передаете в $.fancybox(), например:

$.fancybox({
    content: $fooObj 
});

Вы можете проверить это здесь .

Answer 2

function LaunchFancyBox(code)
{
    jQuery.fancybox({
        content: code 
    });     
}

А в клике / клике:

<a href="#" onclick="LaunchFancyBox('<div>test</div>'); return false;">Launch it baby</a>!

Answer 3

Простой Путь !!!

$(document).ready(function () {
    $.fancybox({
        'width': '80%',
        'height': '80%',
        'autoScale': true,
        'transitionIn': 'fade',
        'transitionOut': 'fade',
        'type': 'iframe',
        'href': 'http://www.example.com'
    });
});