当有人试图提交表单时,我想让一个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>
原文链接:https://www.f2er.com/jquery/182293.html