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();
 });

check this out in fiddle here