Bootstrap Modal插件加載不顯示

-1

我已經絞盡腦汁數個小時，我無法弄清楚爲什麼bootstrap模式在使用它的ajax功能時不會在.on事件中顯示加載屏幕。 $（'body'）。modalmanager（'loading'）;如果我把它放在.on事件之外，我就知道這些腳本工作正常。但是當它處於on事件中時，就像在插件示例中一樣，我什麼也得不到。有什麼建議麼？Bootstrap Modal插件加載不顯示

$.fn.modalmanager.defaults.resize = true; 
    $.fn.modalmanager.defaults.spinner = '<div class="loading-spinner fade" style="width: 200px; margin-left: -100px;"><img src="http://localhost:2621/assets/img/ajax-modal-loading.gif" align="middle">&nbsp;<span style="font-weight:300; color: #eee; font-size: 18px; font-family:Open Sans;">&nbsp;Loading...</div>'; 

var $modal = $('#add-offense'); 

$('.add-offense-btn').on('click', function() { 
    // create the backdrop and wait for next modal to be triggered 
    // THIS IS NEVER CALLED INSIDE THE .on EVENT 
    $('body').modalmanager('loading'); 

    var url = "/case/saveoffense/"; // the url to the controller 

    setTimeout(function() { 
     $modal.load(url, '', function() { 

      $modal.modal().on("hidden", function() { 
       $modal.empty(); 
      }); 
      $modal.modal(); 
     }) 
    }, 1000); 
});

而且除了bootstrap.js，我包括下面看到最新的自舉模式的文件：

<script src="@Url.Content("~/assets/plugins/bootstrap-modal/js/bootstrap-modal.js")" type="text/javascript" ></script> 
<script src="@Url.Content("~/assets/plugins/bootstrap-modal/js/bootstrap-modalmanager.js")" type="text/javascript" ></script>

來源

2013-08-26 Don Fitz

任何機會，你可以扔在jsbin？ – zmanc

不幸的是，我無法粘貼到確切的js代碼中。我發現$（'body'）。modalmanager（'loading'）正在製作中，但是加載功能只是失敗了，即使使用插件演示中的確切代碼。我猜我有一個ID或CSS類衝突？ –

-1

我使用下面的代碼綁定click事件

查看標籤;使用，而不是href =''

來源

2015-05-15 04:09:42

Bootstrap Modal插件加載不顯示

回答

相關問題