Zeigt bootstrap modal mit jquery verzögert

Question

Ich habe eine Schaltfläche, die einen Prozess starten soll und auch ein Modal zeigen. Das Problem, das ich habe, ist, dass das Modal nicht angezeigt wird, bis die Funktion, mit der es aufgerufen wird (upload()), beendet ist. Da das Modal ein Stufenindikator sein soll, wird dadurch der Zweck verfehlt. Ist dies das normale Verhalten und wenn ja, gibt es eine Möglichkeit, das Modal vor der Ausführung der Funktion anzuzeigen?

<button id="btnUpload" onclick="jQuery('#mymodal').modal('show');upload();">Save</button> 

ich auch die jquery versucht haben, setzen die modale als die erste Zeile der Upload zu zeigen(), die nicht

Answer 1

Sie versuchen, so sollte die

<button id="btnUpload"data-toggle="modal" 
    data-target="#myModal" 
    onclick="upload()">Save</button> 

tun konnte funktionierten rufen fast sofort modal.

Answer 2

Ohne zu wissen, was Ihre Upload-Funktion macht, ist es schwer zu sagen, was genau passiert.

Sie konnte jedoch die folgende, benutzen, die nicht gerade die beste Lösung ist, aber es sollte einfach sein

<button id="btnUpload">Save</button> 

$(function(){ 
    $("#btnUpload").on("shown.bs.modal", function(){ 
    upload(); 
    }).click(function(){ 
    $("#mymodal").modal("show") 
    }) 

}) 

function upload(){ 
    alert("do the thing"); 
} 

mit der html arbeiten