Javascript 将FancyBox关闭按钮更改为提交按钮的语法
将助手函数添加到FancyBox的Javascript 将FancyBox关闭按钮更改为提交按钮的语法,javascript,jquery,fancybox-2,submit-button,Javascript,Jquery,Fancybox 2,Submit Button,将助手函数添加到FancyBox的close按钮(将其转换为submit按钮)的语法是什么 我需要补充以下内容: input type="submit" name="whereto" value="" 当前FancyBox函数 $(function () { $(".fancybox_iframe").fancybox({ type: 'iframe', padding: 0, scrolling: 'no', width: 840, minH
close
按钮(将其转换为submit
按钮)的语法是什么
我需要补充以下内容:
input type="submit"
name="whereto"
value=""
当前FancyBox函数
$(function () {
$(".fancybox_iframe").fancybox({
type: 'iframe',
padding: 0,
scrolling: 'no',
width: 840,
minHeight: 150,
height: 615,
closeBtn: true,
helpers: { overlay: { closeClick: false, opacity: .5} },
afterShow: function () { $("a.fancybox-close").attr("title", null); },
afterClose: function () {
parent.close_field('notice');
parent.closeiframe_redirect('index.php');
}
});
});
在其他地方创建一个提交按钮,然后在关闭后使用jQuery触发按钮。您可以使用它的
afterShow
方法:
afterShow: function () {
var input = $('<input />', {
type : "submit",
name : "whereto",
value : ""
});
$("a.fancybox-close").replaceWith(input);
},
afterShow:function(){
变量输入=$(''{
键入:“提交”,
姓名:“何去何从”,
值:“”
});
$(“a.fancybox-close”)。替换为(输入);
},
您可以使用隐藏的提交按钮和jquery的触发方法吗
$(文档).ready(函数(){
$(“.fancybox”).fancybox({
填充:0,
滚动:“否”,
宽度:840,
身高:150,
身高:615,
是的,
帮助程序:{覆盖:{closeClick:false,不透明度:0.5},
afterShow:function(){$($a.fancybox-close”).attr(“title”,null);},
后关闭:函数(){
$(“.fancysubmit”).trigger('click');
回来
}
});
});
afterShow
是回调,而不是方法;)
<a class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg">
<img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/>
</a>
<form style='display: none;' action='#?hey-it-works' method='get'>
<input type='submit' class='fancysubmit' name='whereto' value='' />
</form>
<script type='text/javascript'>
$(document).ready(function() {
$(".fancybox").fancybox({
padding: 0,
scrolling: 'no',
width: 840,
minHeight: 150,
height: 615,
closeBtn: true,
helpers: { overlay: { closeClick: false, opacity: 0.5} },
afterShow: function () { $("a.fancybox-close").attr("title", null); },
afterClose : function() {
$(".fancysubmit").trigger('click');
return;
}
});
});
</script>