我在我的 rhomobile 应用程序中有一个视图,我想使用 jQuery 和 Javascript 隐藏和显示某些 div。Javascript 代码嵌入在视图文件中,但没有被执行。例如,这段代码在我的应用程序中没有做任何事情:
<script type="text/javascript">
$(document).ready(function () {
alert("loaded submit.erb...");
showLoadingIndicator();});
</script>
我正在使用新生成的应用程序项目附带的标准 layout.erb。非常感谢任何帮助。
HTML 输出:
<script type="text/javascript">
$(document).ready(function () {
alert("loaded submit.erb...");
showLoadingIndicator();});
function showLoadingIndicator(){
setTimeout(function(){
$('#loadingPlaceholder').hide();
<% if @params["body"] == "SUCCESS" %>
successfull();
<% elsif @params["body"] == "FAILED" %>
<%= puts "### FAILED ###" %>
not_successfull();
<% else %>
wait();
<% end %>
},6000);
}
function successfull(){
$('#successfull').show();
}
function not_successfull(){
$('#not_successfull').show();
}
function wait(){
<%= puts "+++ body => +++" %>
<%= puts @params %>
<%= puts "++++++++++++++++++" %>
}</script>
<div data-role="page">
<div id="loadingPlaceholder" style="width: 100%; height: 250px; text-align: center; position: absolute; display: block">
<div>
Ihre Anfrage wird gesendet...
</div>
</div>
<div id="successfull" style="width: 100%; height: 250px; text-align: left; position: absolute; display: none">
Ihre Anfrage wurde gesendet.<br>
Wir setzen uns umgehend mit Ihnen in Verbindung.
</div>
<div id="not_successfull" style="width: 100%; height: 250px; text-align: left; position: absolute; display: none;">
Leider konnte Ihre Anfrage nicht versendet werden.<br><br>
Bitte versuchen Sie es später noch einmal.<br>
</div>
</div>