twitter-bootstrap - 引导按钮加载状态 - Safari

Question

下面的代码在 Chrome、Firefox 和 IE 中产生了所需的结果，但在 Safari 中却没有。我已经搜索并找到了许多解决方案 - 包括在这里 - 但我无法让它工作并且已经复制并粘贴了代码 - 有什么想法吗？我正在使用最新的 jQuery & 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 来选择元素，看看是否可以修复它。

- 附加图片显示了 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>