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