2010-01-18 38 views
9

Tôi có một biểu mẫu trong đó chức năng gửi mất vài phút. Tôi muốn hiển thị một gif động trong khi gửi là cranking. Đoạn mã dưới đây cho thấy gif, nhưng nó không di chuyển. Tôi có thể làm gì để có được nó?Gif động không hoạt ảnh khi gửi

<script type="text/javascript"> 

    $(function() { 
     $("#submit").click(function() { 
      $("#wait").show(); 
      return true; 
     }); 
    }); 

</script> 

<% Using Html.BeginForm%> 
<%-- Various input fields here --%> 
<input id="submit" type="submit" value="Submit" /> 
<img id="wait" src="../../Content/images/ajax-loader.gif" alt="" style="display: none" /> 
<% End Using%> 

Trả lời

15

Sự cố này chỉ xảy ra trong IE, đúng không? Rick Strahl đã thảo luận điều này trên blog của mình một thời gian. Hãy chắc chắn để đọc các ý kiến.

Animated GIF images in hidden page elements

+1

Đã không mặc dù về những gì nó đã làm trong một trình duyệt khác, và chắc chắn đủ, nó hoạt động tốt trong Chrome. Cảm ơn! – gfrizzle

5
liên kết

Followig Josh của tôi đã có thể làm cho nó hoạt sử dụng:

setTimeout('document.images["loadimage"].src = "../Images/loading_bar.gif"', 200); 
Các vấn đề liên quan