jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何编程触发fancybox与内联div?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当有人试图提交表单时,我想让一个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>

代替?

解决方法

您需要在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 – 如何编程触发fancybox与内联div?全部内容,希望文章能够帮你解决jquery – 如何编程触发fancybox与内联div?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: