javascript中的html模式

Question

我正在使用它來顯示我的模態。

<script> 
     Mousetrap.bind('j e f f r e y enter', function() { 
      $('#myModal').modal('show') 
     });    
</script> 

通常使用按鈕。

<a data-toggle="modal" class="btn btn-info" href="remote.html" data-target="#myModal">Click me !</a> 

有沒有什麼辦法讓從另一個html頁面的模式，並使用JavaScript調用它呢？

Answer 1

您可以發送Ajax請求以獲取模態的HTML代碼，然後將其附加到文檔。

<script> 
    var $modal = undefined; 
    Mousetrap.bind('j e f f r e y enter', function() { 
     if($modal === undefined) 
     { 
      $.get('path/to/modal.html', function(data)){ 
       if($modal === undefined) 
       { 
         $modal = $(data); 
         $('body').append($modal); 
       } 
       $modal.modal('show'); 
      }); 
      return; 
     } 
     $modal.modal('show') 
    });    
</script>