Jquery Forms，Bootstrap，瀏覽器和操作系統提交的奇怪問題

Question

我正在處理頁面提交表單，我遇到的問題是MAC OS 10.5-10.8瀏覽器 - FF，Chrome和Safari都正常工作，但在使用IE 8 + 11瀏覽器的Windows 7上，即使在成功之後，提交文件仍然沒有通過。在Windows 7的FireFox v28上，只有在某些計算機上，表單才能正確提交和更新。該網站在Bootstrap上。 下面是HTML：

<div class="modal fade bs-preview-modal-lg" id="preview-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> 
<div class="modal-dialog modal-lg"> 
<div class="modal-content"> 
    <div class="modal-body"> 
    <div class="section-header"> 
     <h4 id="title-out"></h4> 
    </div> 
    <div class="content"> 
     <div class="row"> 
     <div class="media media-out"></div> 
     <div class="info info-out"></div> 
     <div class="body body-out"></div> 
     <div class="faq faq-out"></div> 
     <div class="external-links external-links-out"></div> 
     </div> 
    </div> 
    </div> 
    </div> 
</div> 
</div> 
<div class="modal fade" id="ajax-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
<div class="modal-content"> 
    <div class="modal-body"> 
    <p>Updating&hellip;</p> 
    </div> 
</div> 
</div> 
</div> 

和頁腳jquery的AJAX加載

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script src="/assets/v1/lib/bootstrap/js/bootstrap.min.js"></script> 
    <script src="/assets/v1/js/jquery.form.js"></script> 
    <script src="/assets/v1/lib/chosen/chosen.jquery.js"></script> 

    <script type="text/javascript"> 

$(document).ready(function() { 


    $(document).on({ 
     ajaxStart: function() {$('#ajax-modal').modal('show');}, 
     ajaxStop: function() {$('#ajax-modal').modal('hide');} 
    }); 

    $('#publishForm').ajaxForm({ 
     dataType: 'json', 
     success: function(data) { 
     if (data.success) {$('#success-modal').modal();} else { 
      $('#failure-modal').modal(); 
      console.log(data); 
     } 
     } 
    }); 

有東西在這個被堵塞在Windows上，但沒有受到MAC OS？

Answer 1

我會認爲它是在jquery.form.js -plugin。 如果你只是使用jQuery內置ajax函數呢？

$(document).ready(function() { 
    $('#publishForm').submit(function() { 
     // prevents the form from submitting normally 
     event.preventDefault(); 
     var url = $(this).attr("action"); 
     // Showing the #ajax-modal right away rather than wait until the ajax starts. 
     $('#ajax-modal').modal('show'); 
     $.ajax(url, { 
      dataType: 'json', 
      success: function(data) { 
       if (data.success) { 
        $('#success-modal').modal(); 
       } else { 
        $('#failure-modal').modal(); 
        console.log(data); 
       } 
      }, 
      complete: function() { 
       // When the ajax-request is complete, it will hide the #ajax-modal (no matter if the request failed or not). 
       $('#ajax-modal').modal('hide'); 
      } 
     }); 
    }); 
});