使用 jquery 元素调用 fancybox

发布于 2024-10-02 09:50:51 字数 301 浏览 4 评论 0原文

我知道有一种方法可以使用 html 字符串手动调用 fancybox，如下所示：

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

但是，我想将 jQuery 对象传递给 fancybox，这样我就可以保留我已经添加的 .data() 和 click() 事件之类的内容:

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

这有可能吗？

原文

I know there is a way to call fancybox manually with a string of html like so:

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

However, i want to instead pass a jQuery object to the fancybox so i can retain things like .data() and click() events i have already added:

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

Is this possible somehow?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

木槿暧夏七纪年 2024-10-09 09:50:51

您只需将其设置为传递给 $.fancybox() 的选项中的 content 属性，如下所示

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

： jsfiddle.net/nick_craver/WNacK/" rel="noreferrer">您可以在此处进行测试。

You just need to set it as the content property in the options you pass into $.fancybox(), like this:

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

You can test it out here.

回复收藏 0 原文

↘人皮目录ツ 2024-10-09 09:50:51

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

在 onclick/click 中：

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

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

And in the onclick/click:

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

回复收藏 0 原文

余罪 2024-10-09 09:50:51

简单的方法！！！

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

Simple Way!!!

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

回复收藏 0 原文

~没有更多了~