2016-08-23 48 views
0

我有一個頁面,我顯示一個模式2按鈕確認和另一個取消,如下面的代碼:在這種模式有一個DIV <div class = "resp"> </ div>這個div我得到一個頁面的響應PHP,我會隱藏這個模式中的2個按鈕,並且在接收到來自php頁面的響應後顯示另一個按鈕來關閉這個模式。我怎樣才能做到這一點?隱藏按鈕並啓用另一個與AJAX

<!-- Modal --> 
<div class="modal fade" id="md-default" tabindex="-1" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button " class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     </div> 
     <div class="modal-body"> 
      <div class="text-center"> 
       <div class="i-circle primary"><i class="fa fa-check"></i></div> 
       <h4>Confirma o envio?</h4> 
       <div class="resp"></div> 
       <p></p> 
      </div> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default btn-flat" data-dismiss="modal">Cancelar</button> 
      <button type="submit" class="btn btn-primary btn-flat enviar" >Sim</button> 
     </div> 
     </div> 
     <!-- /.modal-content --> 
    </div> 
    <!-- /.modal-dialog --> 
</div> 
<!-- /.modal --> 

我阿賈克斯

<script> 
    $('.formulario').submit(function() { 
     var form_data = new FormData(); 
     form_data.append('fileUploadAudio', $('input.fileUploadAudio').prop('files')[0]); 
     form_data.append('titulo', $('input.titulo').val()); 
     form_data.append('mensagem', $('textarea.mensagem').val()); 
     form_data.append('tipo_notificacao', $('input.tipo_notificacao').val()); 
     $.ajax({ 
      url: 'postar.php', // caminho para o script que vai processar os dados 
      type: 'POST', 
      data: form_data, 
      cache: false, 
      contentType: false, 
      processData: false, 
      success: function(response) { 
       $('.resp').html(response); 
      }, 
      error: function(xhr, status, error) { 
       alert(xhr.responseText); 
      } 
     }); 
     return false; 
    }); 
    </script> 

我的操作頁面 LINK

+0

顯示您的完整代碼 –

+0

您好朋友,我把代碼,並把頁面啓動和運行。 – William

+0

你想隱藏這兩個按鈕,並想添加新按鈕來代替這些按鈕。 –

回答

1

先舉一些id這兩個buttons

<button type="button" class="btn btn-default btn-flat" data-dismiss="modal" id="cancelButton">Cancelar</button> 
<button type="submit" class="btn btn-primary btn-flat enviar" id="submitButton">Sim</button> 

ŧ在我們將這些buttons隱藏成功後添加新的button(改爲您的關閉button的HTML)。

$.ajax({ 
    url: 'postar.php', // caminho para o script que vai processar os dados 
    type: 'POST', 
    data: form_data, 
    cache: false, 
    contentType: false, 
    processData: false, 
    success: function(response) { 

     closeButton = '<button type="button" class="btn btn-default btn-flat" data-dismiss="modal" id = "closeButton">Close</button>' 
     $('#cancelButton').hide(); 
     $('#submitButton').hide(); 
     $('.resp').html(response); 
     $('.modal-footer').append(closeButton); 
    }, 
    error: function(xhr, status, error) { 
     alert(xhr.responseText); 
    } 
}); 
+0

蘇尼爾你好,我按你所說的做了兩個按鈕都不見了,但是Ajax應該放的按鈕不會放。如果你想檢查鏈接是在我的問題,請上ftp。 – William

+0

它工作的朋友,現在我只有一個問題,當它點擊這個新的按鈕是我怎麼回到做舊的按鈕顯示2? – William

+0

在什麼情況下,你想要顯示這兩個按鈕返回 –

相關問題