JQuery - 코딩 문제

Question

안녕 얘들 아, 나는 "상태"- 업 파이터에서 일하고있다. 스크립트가 다시 작동하도록 페이지를 수동으로 다시로드해야하는 상태를 보낸 후에 작동하는 한 가지 문제가 있습니다. 나 좀 도와 줄 수있어? 코드는 다음과 같습니다.

<script language="javascript"> 
$(document).ready(function(){ 
    $("form#status_form").submit(function(){ 
     var s_autor = $('#s_autor').attr('value'); 
     var s_status = $('#s_status').attr('value'); 
     $.ajax({ 
      type: "POST", 
      url: "/admin/request.php", 
      data: "s_autor="+ s_autor +"& s_status="+ s_status, 
      success: function(){ 
       $('#show').load("/admin/request.php").fadeIn("slow", function(){ 
        setTimeout(function(){ 
         $(function() { 
          $("#show").fadeTo("slow", 0.01, function(){ 
           $(this).slideUp("slow", function() { 
            $(this).remove(); 
           }); 
          }); 
         }); 
        }, 2000); 
       }); 
      }, 
     }); 
     return false; 
    }); 
}); 
</script> 

그래서 제출 버튼을 클릭하는 빈도를 스크립트를 반복 할 수 있도록 코드하는 방법을 알고 있습니까? 그런데

, 여기에 HTML 형식의 :

<form id="status_form" method="post" action="request.php" onsubmit="return false;"> 
    <input type="text" id="s_autor" name="s_autor" value="<?= $user_id; ?>" style="display: none;" /><input type="text" id="s_status" name="s_status" value="Statusnachricht" /><input type="submit" value="" class="submit" id="status_submit" /> 
</form> 

Answer 1

그것은 처음이 코드를 호출 한 후처럼 보이는, 당신은 #show 파괴하고, 따라서, 다음 번에, 더 이상 # 없다 보여 주다? 나는이 제대로 이해 해요 있는지 확인하기 위해 코드에 몇 가지 주석을 추가 할거야 :

success: function() { 
    // File has been successfully posted to request.php 
    // We are now going to GET the contents of request.php (ignoring any response from the previous POST) 
    // Also note, should probably put remainder of code in a callback to "load", so we can be sure it has had a chance to load!... 
    $('#show').load("/admin/request.php").fadeIn("slow", function(){ 
     setTimeout(function(){ 
      $(function() { 
       $("#show").fadeTo("slow", 0.01, function(){ 
        $(this).slideUp("slow", function() { 
         // Note! #show is being removed from the document here. It won't be available for future events. 
         $(this).remove(); 
        }); 
       }); 
      }); 
     }, 2000); 
    }); 
}, 

행운을 빕니다!

EDIT이 부분을 자세히 살펴보면 setTimeout 후에 문서 "준비 됨"이벤트가 생성되는 것을 확인했습니다.

나는 당신이 원하는 효과를 계산하려고합니다. 업로드가 끝난 후 (예 : #show div) 페이드 인을하고 몇 초 정도 기다렸다가 다시 페이드 아웃합니다. (slideUp은 페이드 아웃 된 요소에서 작동하므로 효과가 표시되지 않습니다.)

어때?

success: function() { 
    // File has been successfully posted to request.php 
    // We are now going to GET the contents of request.php (ignoring any response from the previous POST) 
    $('#show').load("/admin/request.php", function() { 
     $(this).fadeIn("slow", function() { 
      setTimeout(function() { 

       $("#show").fadeOut("slow", function() { 
        // don't remove #show. Just empty it for using again next time. 
        $(this).empty() 
       }); 

      }, 2000); 
     }); 
    }); 
},