0

好的,所以我有一个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>

有任何想法吗?我不知所措。

4

1 回答 1

0

用我的原始代码修改了 JFK 所说的最终结果,效果很好:

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

不知道如何正确感谢 JFK,因为他没有发布问题的答案......

于 2013-03-28T00:45:10.413 回答