javascript - Jquery：图像加载器位置和隐藏混乱

Question

我有一个模态对话框，它会弹出然后加载并显示加载器图像，几秒钟后它将隐藏并预览“modalLogin”页面。

一开始加载主页面并单击模态对话框按钮弹出它很好，但是当我关闭模态对话框并再次单击模态按钮时，加载混乱！那么有人可以向我解释什么是错的吗？

  $(href).fadeIn(100, function(){
                $('#loadingImage').show(1,function(){

                     setTimeout( function(){
                         $('#loadingImage').hide(1,
                             function(){

                            if(thisId == 'loginModal' ){
                                $('#previewOutput').load('modalLogin.php');
                                //alert("Login");
                            }
                         }
                  );                             

                     },500);

                });

            });

这里的链接：http: //jsfiddle.net/UZ6JN/1/

Answer 1

这是因为当您放置文本时，.html()它会停留在那里，如果您想正确查看，请在其中添加一行：

 $('.window .close').click(function (e) {
     //Cancel the link behavior
     e.preventDefault();
     $('#previewOutput').html(''); //<--------add this one here
     $('#mask').hide();
     $('.window').hide();
 });

在这里检查一下小提琴