레일 Ajax에서 "부트 스트랩로드 버튼"

Question

사용자 목록이 있으며 관리자가 버튼을 사용하여 해당 사용자에게 비밀번호를 보냈 으면합니다. 그래서 부트 스트랩 버튼을 자바 스크립트 플러그인으로 보았습니다. 내가 index.js.erb이

<table> <tbody> <td> <dl><dt>Jonh</dt></dl> </td> <td><form method="post" data-remote="true" data-loading-text="attendi ..." class="button_to" action="/admin/users/send_mail/26"> <div><input type="submit" value="send password" class="btn btn-primary"> <input type="hidden" value="bLGRJ1j9Hv75PsN4fuma0NlmYwAbS//1l884ShOotcw=" name="authenticity_token"></div> </form></td> 

과 관리 자산/자바 스크립트/관리자에서

/사용자 :

이

이 html로 끝나는 index.html을

<table> 
<% @users.each do |user| %> 

<td> 
<dl> 
    <dt><%= user.name %></dt> 
</dl> 
</td> 

<td><%= link_to 'show', admin_user_path(user.id) %></td> 
<td><%= button_to 'Send password', send_mail_path(user.id), remote: true, class: "btn btn-primary", :form => {:"data-loading-text" => "wait ..."} %></td> 

<% end %> 
</table> 

입니다

$('.btn').button(); 

$(document).ready(function(){ 
    $('.btn').click(function() { 
    $(this).button('loading'); 
    }); 
}); 

그러나 애니메이션로드가 작동하지 않습니다. 어떠한 제안? 레일과 jquery에 새로운 기능이 있습니다.

Answer 1

어떤 레일 버전을 사용하고 있습니까? Rails> 3.2 (자산 파이프 라인 포함)에 있다면 파일 assets/javascript/admin/users이 기본 자바 스크립트 파일과 페이지에 실제로로드되었는지 확인하는 것이 좋습니다.

브라우저에서 페이지를 열고 소스를 확인한 다음 작성한 JavaScript 코드가 페이지의 헤더 섹션에로드/링크되어 있는지 확인하십시오. 또한 js.erb 확장 프로그램을 사용한 이유가 확실하지 않습니다.

간단히 assets/javascript/admin/users/index.js을 사용할 수 있습니다. 또는 훨씬 더 간단하게, 필요하지 않을 때 너무 많은 하위 폴더를 피하십시오. /assets/javascript/admin.js을 만들고 /assets/javascripts/application.js 파일에이 파일이 포함되어 있는지 확인하십시오. 뷰에 대해

다음 코드

<td><%= button_to 'Send password', send_mail_path(user.id), remote: true, class: "btn btn-primary", :form => {:"data-loading-text" => "wait ..."} %></td> 

은

<td><%= link_to 'Send password', send_mail_path(user.id), remote: true, class: "btn btn-primary", data: { "loading-text" => "wait ..." } %></td> 

button_to 또는 양식을 사용할 필요로 단순화 할 수있다.