Question

我有以下代码弹出fancybox，当点击“select_login按钮”时，问题是弹出fancybox后，我点击顶部的关闭X按钮取消fancybox。触发按钮（“select_login”）没有出现。

如何让“select_login”按钮再次显示？

$(document).ready(function() {

 $("#select_login").fancybox({
                              autoOpen: false, 
                              width: 600, 
                              height: 400, 
                              padding: 0,
                         });

      $("#select_login").click(function() {

            var $username= $("#username").val();
            var $password = $("#password").val();
            var $pageTryLogin= $("#pageTryLogin").val();
            var retval;
            var $response;
            alert("clicked");
            $.ajax({
                type: 'POST',
                  url: 'loginSelectAccount',
                  data:{clientId:$username, password:$password},
                  dataType: 'html', 
                success: function (data) {

                       $response=$(data);
                       retval = $response.find('#multiRecord').attr('value');


                      if (retval == 'false'){

                         $.fancybox.close(true);
                         $("#logFormid").submit();

                      } else if(retval == 'true'){

                         $response.find('#username').attr('value',$username);
                         $response.find('#password').attr('value',$password);
                         $response.find('#pageTryLogin').attr('value',$pageTryLogin);

                         $.fancybox.open({
                             content : $response.html(),
                              afterClose : function() {
                                  $.fancybox.close(true);
                             }
                         });

                      }
                }
            });
      });
});


<input type="button" name="selectLogin" id="select_login" value="Login" style="width:51px">                         
<input type="submit" name="loginTry" id="single_login" value="Login" style="visibility:hidden">

Answer 1

您的代码没有任何意义。您通过id“#select_login”将fancyBox附加到元素，但此元素没有“href”或“data-fancybox-href”属性，因此fancyBox将此元素显示为内联，并在关闭后隐藏（如任何内联元素）

fancybox关闭但触发按钮消失了

1 个答案: