Bootstrap Modal Plugin Loading Not Displaying

Question

Я часами пробовал свой мозг, и я не могу понять, почему bootstrap modal не будет показывать экран загрузки из-за события .on при использовании его функции ajax. $ ('Body'). Modalmanager ('loading'); работает, если я помещаю его вне события .on, поэтому я знаю, что скрипты работают исправно. Но когда он находится внутри события on, как и в примерах плагинов, я ничего не получаю. Какие-либо предложения?

Я связывании событие щелчка, используя код ниже:

$.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> 

Answer 1

См. Тег; вместо href = ''