javascript - .html() 未在页面上填充 div 变回

Question

我有一个带有此页面初始化事件函数的页面

$("#myPage").live('pageinit', function () 
{
    // here is some irrelevant parsing code

    console.log("myHTMLStr: "+myHTMLStr);
    $('#result_content').html(myHTMLStr);
}

这个div:<div id="result_content"></div>

无论我如何到达该页面，console.log 结果始终相同。但是，当我从上一个页面进入页面时(通过类似 $.mobile.changePage(MyPage, { transition: 'none', reverse: false }); 的内容， result_content div 填充了 myHTMLStr 的内容。但是当我从下一个屏幕到达那里时，使用后退按钮，其实现如下:

<a data-role="button" href="MyPage.html" data-icon="arrow-l" data-iconpos="left"
   class="ui-btn-left" data-transition="none">
    MyPage
</a>

div 元素 result_content未填满。是否有可能 .html()功能不起作用？还有什么可能发生？

更新

我正在使用 jquery-1.8.2 和 jquery.mobile-1.3.0。在 Android 上测试(三星 Galaxy SII)

Answer 1

由于 DOM 中存在重复的 id，代码无法正常工作。无论您使用的是单页模板还是多页模板，都为元素使用唯一的id。

引用:http://dev.w3.org/html5/markup/global-attributes.html#common.attrs.id