將FancyBox關閉按鈕更改爲提交按鈕的語法

Question

添加輔助功能到FancyBox的FancyApps2close按鈕會將其變成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

做一個提交按鈕其他地方，然後在afterClose使用jQuery trigger觸發按鈕。

Answer 2

您可以使用afterShow方法吧：

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

Answer 3

你可以使用一個隱藏的提交按鈕和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>