在 jQuery Mobile 中加载页面后，如何使 getJSON 正确更新元素？

Question

我正在尝试在 jquery 移动加载网站中获取 getJSON 结果以更新页面加载时的 HTML 元素。

现在，我读到我不应该依赖 ready()，而是绑定到 pageInit。所以我尝试了，但它不起作用。我在 API 事件文档中尝试了许多其他可能合乎逻辑的事件，但没有任何成功。

我最接近成功的是在通过 ajax 加载页面之后，如果我手动刷新页面（使用浏览器的刷新按钮），getJSON 会更新相应的 HTML 元素。你猜，这不是我想要达到的。这是代码现在的样子，以及它的放置位置......

<div data-role="page">
<script>
    $( '#pageContainer' ).live( 'pageinit',function(event){
    //an alert() here does fire right before the page is shown in the browser
    //here is the getJSON code.
    });    
</script>

现在，我需要帮助来弄清楚如何让它发挥作用。当页面出现在浏览器中时，我只希望页面中的元素 X 使用从 JSON 返回的文本进行更新！就像普通的 ready() 函数一样！

（也许指定我正在运行 RC2 是否相关？）

Answer 1

如果您不能在这里使用 JSONP，您是否尝试过设置 setTimeout()？您必须在加载 json 对象后触发回调，因此时间至关重要。