Bootstrap按鈕加載狀態 - Safari

以下代碼在Chrome，Firefox，& IE中生成所需結果，但在Safari中未生成。我已經搜索並找到了許多解決方案 - 包括在這裏 - 但我無法使它工作，並複製並粘貼代碼 - 任何想法？我正在使用最新的jQuery & Bootstrap 2.2.1 - 因此，爲什麼我不需要加載bootstrap-button.js，因爲它集成在Bootstrap 2.2.1中。Bootstrap按鈕加載狀態 - Safari

感謝，

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#buttonLoad').button(); 

    $('#buttonLoad').on('click', function() { 
     $(this).button('loading') 
    }) 
}); 
</script> 


<button style="margin-left:20px; margin-top:5px; float:left" id="buttonLoad" type="submit" class="btn btn-success" data-loading-text="Loading...">Login<i style="margin-left:6px" class=" icon-share-alt"></i></button>

來源

2012-12-07 Marshall

想要的結果是什麼？有什麼不同？ – Blazemonger

想要的結果是按鈕上的文本發生變化並使其變灰，在Safari中這些事情都不會發生。我的例子是在http://lstoolbox.com - 正如你可以看到主頁按鈕有那裏的代碼，並在Safari它不起作用，但它會在Firefox或Chrome或IE – Marshall

enter image description here 無法在Safari中的時刻來測試，但我已經使用這個和它在Safari工作正常。嘗試使用類而不是ID選擇元素，看看是否修復它。

-Image attached顯示Safari中的工作示例。

<button type="submit" role="button" runat="server" id="SignUpBtn" name="SignUpBtn" onclick="ValidateSignUpForm(); return false;" class="btn btn-primary" validationgroup="EmailBlast" data-loading-text="Saving..." causesvalidation="true"><i class="fa fa-pencil"></i> Subscribe</button> 

<script> 
    function ValidateSignUpForm() { 
     //if (typeof (Page_ClientValidate('EmailBlast'))) { 
     // Page_ClientValidate(); 
     //} 
     Page_ClientValidate('EmailBlast'); 
     if (Page_IsValid) { 
      $('#SignUpBtn').button('loading'); 
      EmailSignUpCallback.PerformCallback(); 
      SignUpLoadingPanel.Show(); 
     } 
    } 
</script>

來源

2013-12-05 16:58:18

Bootstrap按鈕加載狀態 - Safari

回答

相關問題