Question

将辅助函数添加到FancyBox的FancyApps2 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');
    }
  });
});

Answer 1

您可以使用afterShow方法：

afterShow: function () { 
   var input = $('<input />', {
       type : "submit",
       name : "whereto",
       value : ""
   });
   $("a.fancybox-close").replaceWith(input); 
},

Answer 2

你能使用隐藏的提交按钮和jquery的触发方法吗？

http://jsfiddle.net/B6KE6/

<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>

Answer 3

在其他地方创建一个提交按钮，然后在afterClose上使用jQuery trigger来触发按钮。

将FancyBox关闭按钮更改为提交按钮的语法

3 个答案: