JavaScript並沒有在正常模式下

Question

在這裏工作是我的按鈕：

<button type="button" class="btn btn-ok btn-edit-piattaforma" onclick="salvaClick();" data-loading-text="<i class='fa fa-spinner fa-spin'></i>Salva"> 
      <i class="glyphicon glyphicon-floppy-disk"></i>Salva 
     </button> 

這裏是我的javascript：

var salvaClick = function() { 
    try { 
     buttonSalva.load();//seems not work if in normal mode; if I set breakpoint at this line, it works. 
     buttonStatus.disable();//works 
     if (!valid()) { 
      console.log("valid failure!"); 
     } 
     else { 
      Save(); //this is my business logic function 
     } 
     buttonSalva.reset(); 
     buttonStatus.enable(); 
    } catch (e) { 
     //console.log(e.message); 
     buttonSalva.reset(); 
     buttonStatus.enable(); 
    } 
} 

var buttonStatus = { 
    disable: function() { 
     $('.btn-edit-piattaforma').attr("disabled", true); 
    }, 
    enable: function() { 
     $('.btn-edit-piattaforma').attr("disabled", false); 
    } 
} 

var buttonSalva = { 
    load: function() { 
     $('.btn-edit-piattaforma.btn-ok').button('loading'); 
    }, 
    reset: function() { 
     $('.btn-edit-piattaforma.btn-ok').button('reset'); 
    } 
} 

的情景：我想顯示顯示圖標當用戶點擊按鈕「Salva」時它正在加載。當我在正常模式下運行時，它不顯示。但是，當我設置斷點並在調試模式下運行（F12）時，它會在單擊按鈕後顯示圖標。我不明白爲什麼。任何人都可以解釋嗎？提前致謝。

Answer 1

正常的HTML不支持雙向數據綁定。在正常模式下，腳本文件中的更改不會在您的視圖中反映出來。當您設置調試器時，它會運行，因爲它獲取DOM更新的時間。更好地設置超時並首先顯示微調，並且只有在延遲後才加載腳本功能。