选择单选按钮并且“添加”按钮时，不会显示“加载指示器”。单击按钮

Question

我正在使用Rails4版本。 以下是我需要做出的选择：

当我第一次做出选择时，点击“添加＆＃39;按钮，加载指示器不会出现。当我第二次这样做时，点击“添加”按钮。按钮加载指示器出现并正常工作。我对javascript并不是很好，所以我真的不知道如何在第一次尝试时触发加载指示器。这是我的代码：

我的VIEW文件：

<div id="loading-indicator" style="display:none">
 <%=" Wait..."%><%= image_tag("/images/ajax-loader-8.gif", :id => "loading-indicator") %>
</div>

我的CSS文件：

#loading-indicator {
  left: 10px;
  top: 10px;
  }

我的＆＃39; create.js＆＃39;文件：

$(document) 

.ajaxStart(function() {


$('#loading-indicator').show();// show on any Ajax event.
$("#notice").html("<%= escape_javascript(render :partial => 'layouts/flash' , 
:locals => {   :flash => flash }).html_safe %>").hide();
})
.ajaxStop(function() {

$("#notice").html("<%= escape_javascript(render :partial => 'layouts/flash' , 
:locals => { :flash => flash }).html_safe %>").show();
$('#loading-indicator').hide(); // hide it when it is done.

});

$("#transaction_paypal").html("<%= escape_javascript(render :partial => 'trans')%>");  

谢谢。

Answer 1

我将以下js行添加到我的application.js文件中：

$(document) 

.ajaxStart(function() {


$('#loading-indicator').show();// show on any Ajax event.

})
.ajaxStop(function() {


$('#loading-indicator').hide(); // hide it when it is done.


});