当有人试图提交表单时,我想显示一个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>
总结
以上是DEVMAX为你收集整理的jquery – 如何以编程方式触发带有内联div的fancybox？全部内容。
如果觉得DEVMAX网站内容还不错，欢迎将DEVMAX网站 推荐给好友。