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

回答

相关问题