从表单输入type="submit“中打开Fancybox (或等同)
从表单输入type="submit“中打开Fancybox (或等同)
提问于 2009-06-09 11:35:29
有没有办法从提交表单(带有图像按钮)中获取fancybox (http://fancy.klade.lv/)或任何其他lightbox？
HTML看起来像这样：
<form action="/ACTION/FastFindObj" method="post">
<input name="fastfind" class="fastfind" value="3463" type="text">
<input name="weiter" type="submit">
</form>这些是不行的：
$("form").fancybox();
$("input").fancybox();
$("input[name='weiter']").fancybox();有没有人发现了我的错误，或者有变通的方法或者替代的脚本？提前感谢
回答 6
Stack Overflow用户
回答已采纳
发布于 2010-03-11 06:53:45
我相信所有其他的答案都没有抓住问题的要点(除非我是那个被误解的人)。我认为作者想要的是，当表单提交时，其结果显示在fancybox中。我没有发现任何其他答案都提供了这种功能。
为此，我使用了ajax表单插件(http://malsup.com/jquery/form/)轻松地将表单转换为jQuery调用。然后，我使用成功回调通过手动调用$.fancybox()将响应加载到fancybox中。
$(document).ready(function() {
$("#myForm").ajaxForm({
success: function(responseText){
$.fancybox({
'content' : responseText
});
}
});
});因此，您可以将ajaxForm附加到表单本身，而不是将fancybox附加到某个人工标记。
Stack Overflow用户
发布于 2009-08-17 23:07:04
一个更好的想法是使用动态html，即。
$("#buttontoclick").click(function() {
$('<a href="path/to/whatever">Friendly description</a>').fancybox({
overlayShow: true
}).click();
});Stack Overflow用户
发布于 2009-08-04 12:18:23
尝尝这个
$(document).ready(function() {
$("#link").fancybox();
$("#btn").click(function(){
$("#link").trigger('click');
});
});
<input type="button" id="btn" value="Button" />
<div style="display:none;">
<a href="#test" id="link">Click</a>
</div>
<div id="test" style="display:none;">fancy box content</div>单击按钮时，会触发对隐藏的href的单击。
希望这能有所帮助
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/969522
复制相关文章
相似问题