rhomobile javascript不工作

Question

我在我的 rhomobile 应用中有一个视图，我想在其中隐藏和显示某些 div， 使用 jQuery 和 Javascript。 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>

Answer 1

很可能是一个 js 错误导致脚本的其余部分无法加载。
我们需要知道的另外几件事是：

1. 您使用的是什么 UI 框架？ （jquery mobile、jqui 等）

2. 这是否发生在 rhodes 模拟器、设备、模拟器中？

要弄清楚发生了什么：

1. 检查 rhosimulator 中的控制台日志和 rhodes 日志，查找其中的任何错误。
2. 将警报附加到布局页面中的 window.onerror 事件并 看看有没有出现。
3. 脚本中的所有内容都不太可能失败（这将指向 到 UI 框架问题），尝试添加一些警报或控制台日志 到页面中脚本的顶部，或者更好地使用 log4js 和 开始添加您可以管理的调试代码。