jquery – 如何以编程方式触发带有内联div的fancybox?

前端之家收集整理的这篇文章主要介绍了jquery – 如何以编程方式触发带有内联div的fancybox?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当有人试图提交表单时,我想显示一个fancybox.所以我有这个:
$('#login-form').submit(function(e) {
    $.fancybox({
        content: '<h2>Hello fancybox</h2>',modal: true
    });
    return false;
});

工作得很好,但我宁愿使用我的div而不是尝试指定内容字符串中的所有HTML.我能用它弹出它吗?

<div style="display:none" id="access-policy">
blah blah blah
</div>

代替?

解决方法

对于fancybox v3或更高版本,请参阅 this answer

对于旧版本:

您需要在href属性中设置div ID.如果您在内容属性中使用$(‘#access-policy’).show(),则第二次打开此fancybox时将不会显示任何内容.

$('#login-form').submit(function(e) {
    $.fancybox({
        href: '#access-policy',modal: true
    });
    return false;
});

HTML中也必须是:

<div style="display:none">
    <div id="access-policy">
        blah blah blah
    </div>
</div>

猜你在找的jQuery相关文章