Question

好的，所以我有一个fancybox，现在正在工作，但它没有完全正常工作。它只适用于实际的文本链接，而不是当我将它作为提交按钮时。好吧，我不应该说它不起作用，而是它的工作原理，fancybox会在一秒钟内自动关闭，或者如果我很幸运的话，会持续大约一秒，但它永远不会保持开放状态（它确实保持开放状态）文字链接）。

FB代码：

<script>
$(document).ready(function() {
 $("#top-login-button").click(function() {
  $.fancybox({
   padding    : 15,
   href       : "#login_form_ajax",
   afterClose : function(){ // it was onClosed for v1.3.4
    $("#login_error").hide();
   }
  }); // fancybox
 }); //click

 $("#login_form_ajax").bind("submit", function() {
  if ($("#login_name").val().length < 1 || $("#login_pass").val().length < 1) {
   $("#login_error").show();
   $.fancybox.update(); // it was $.fancybox.resize(); for v1.3.4
   return false;
  }
  $.fancybox.showLoading(); // it was $.fancybox.showActivity(); for v1.3.4
  $.ajax({
   padding : 15,
   type    : "POST",
   cache   : false,
   url     : "anyPage.php?page=ajax",
   data    : $(this).serializeArray(),
   success: function(data) {
    $.fancybox(data);
   }
  });
  return false;
 }); // bind
}); // ready
</script>

Fancybox打开链接：

<a id="top-login-button" href="#login_form_ajax" rel="gallery">Open login form</a>

以上作品。下面的一个，自动工作和关闭。

<a id="top-login-button" href="#login_form_ajax" style="text-decoration:none" title="X">  
<input class="czas" type="submit" name="ajax" value="X"></a>

有什么想法吗？我很茫然。

Answer 1

修改了JFK用我的原始代码所说的内容，最终结果，这完全有效：

<input class="czas" id="top-login-button" data-fancybox-href="#login_form_ajax" type="button" name="ajax" value="Enter Starting Time">

不知道如何正确地感谢JFK，因为他没有回答问题......

Fancybox链接无法使用提交按钮

1 个答案: