5

Es gibt eine Schaltfläche, auf die der Benutzer klickt, um zu verschiedenen Controlleraktionen umgeleitet zu werden. Ich möchte dem Benutzer einige nette Warteinformationen (vielleicht mit Bootstrap?) Zeigen, die der Benutzer warten muss. Kannst du etwas raten? Im Folgenden meine curernt Code:Warteanimation während der Aktion anzeigen redirect mvc

dieser Teil meiner JS ist, die einige href URL einfügen Bootstrap-Fenster modal:

... 
    var href = $('#details').attr('href'); // currently returns '/TransportGallery/Details/1' 
      href = href.slice(0, href.lastIndexOf('/') + 1) + id; 
      $('#details').attr('href', href); 
... 

das ist das modale Bootstrap-Fenster, in dem oben js href platziert werden und wird diese ersetzen ein:

... 

       <a href="@Url.Action("Details", "TransportGallery", New With {.id = 1})" class="btn btn-primary" id="details"> 
        Show pictures 
        <span class="glyphicon glyphicon-picture" aria-hidden="true"></span> 
       </a> 
       <button type="button" class="btn btn-warning glyphicon glyphicon-off" data-dismiss="modal"> Close</button> 
      </div> 
     </div> 
    </div> 
</div> 
... 

Nun, wenn dies dort getan wird eine Operation hinter denen sie Bilder zur Galerie und zu diesem Zeitpunkt geladen i Benutzer Animation zeigen möchte. Wie macht man das?

+0

werfen Sie einen Blick hier: http://stackoverflow.com/questions/1964839/how-can-i-create-a-please-wait-loading-animation-using-jquery – Zergling

Antwort

0

können Sie BlockUI.JS

$(function(){ 
    $('#details').on('click',function(){ 
     $.blockUI(); 
    }); 
}); 

verwenden, nachdem Sie Seite woanders Seite umleitet automatisch unblockui sein.