Bootstrap按钮加载状态 - Safari

Question

以下代码可在Chrome，Firefox和＆ IE但不在Safari中。我已经搜索并找到了许多解决方案 - 包括在这里 - 但我无法让它工作并复制和粘贴代码 - 任何想法？我正在使用最新的jQuery＆amp; Bootstrap 2.2.1 - 因此我不需要加载bootstrap-button.js，因为它集成在Bootstrap 2.2.1中。

谢谢，

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

Answer 1

目前无法在Safari中进行测试，但我已经使用了它，并且在Safari中运行正常。尝试使用类而不是ID来选择元素，看看是否修复了它。

-Image attach在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>