[英]Ladda loading button in rails
我在rails表單中有一個Submit按鈕,當用戶點擊Submit時,我想更改為旋轉加載圖標。 我的應用程序正在使用引導程序,因此我遵循了此處提供的示例。
提交按鈕的rails代碼如下所示:
<%= content_tag :button, :class => "btn btn-u ladda-button", :type => "submit", :data => { :style => 'expand-left' } do %>
<span class="ladda-label">Next</span>
<span class="ladda-spinner"></span>
<% end %>
呈現的HTML看起來像:
# in <head>
<script type="text/javascript">
$(document).ready(function(){
Ladda.bind( '.ladda-button' );
});
</script>
# submit button at the end of my rails form_for
<button class="btn btn-u ladda-button" data-style="expand-left" type="submit">
<span class="ladda-label">Next</span>
<span class="ladda-spinner"></span>
</button>
我在我的asset / javascripts文件夾中包含了ladda.js和spin.js。 ladda-themeless.css包含在我的樣式表控制器中。
當我單擊下一個按鈕時,按鈕內的文本會更改顏色(變為深灰色)。 Chrome控制台現在顯示以下錯誤:
Uncaught TypeError: undefined is not a function application.js:17884createSpinnerapplication.js:17884instance.start application.js:17577(anonymous function)
包裝
Ladda.bind( 'input[type=submit]' );
部分放入$(document).ready包裝器中。 如果您使用Turbolinks,請使用:
$(document).on('ready page:load', function(){
Ladda.bind('.ladda-button');
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.