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

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

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

我的视图文件：

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

我的“create.js”文件：

$(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')%>");  

---

谢谢。

我在application.js文件中添加了以下几行js：

$(document) 

.ajaxStart(function() {


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

})
.ajaxStop(function() {


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


});

---

你能提供一把小提琴吗？这样我们可以帮助你更容易地找到问题。看这里输入你的代码。单击保存，然后发布URL。我找到了答案。非常感谢。

$(document) 

.ajaxStart(function() {


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

})
.ajaxStop(function() {


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


});