2016-11-14 19 views

答えて

0

AJAX

$('[data-toggle="ajaxModal"]').on('click', 
      function(e) { 
      $('#ajaxModal').remove(); 
      e.preventDefault(); 
      var $this = $(this) 
       , $remote = $this.data('remote') || $this.attr('href') 
       , $modal = $('<div class="modal" id="ajaxModal"><div class="modal-body"></div></div>'); 
      $('body').append($modal); 
      $modal.modal({backdrop: 'static', keyboard: false}); 
      $modal.load($remote); 
      } 
     ); 

HTML

<div class="modal-dialog"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times; </button> 
     <h4 class="modal-title"></h4> 
    </div> 
    <div class="modal-body"> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn btn-white" data-dismiss="modal">Close</a> 
     <a href="#" class="btn btn-primary">Button</a> 
     <a href="#" class="btn btn-primary">Another button...</a> 
    </div> 
</div><!-- /.modal-content --> 
</div><!-- /.modal-dialog --> 
+0

これはTOTALLY https://jsfiddle.net/9b5vmwbv/1/からコピー&ペーストです。あなた自身の答えを出す方法を学ぶか、少なくともあなたがコードをコピーした場所を教えてください – HenryDev