Javascript .html()未在页面更改回上填充div
我有一个带有此page init事件函数的页面Javascript .html()未在页面更改回上填充div,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,我有一个带有此page init事件函数的页面 $("#myPage").live('pageinit', function () { // here is some irrelevant parsing code console.log("myHTMLStr: "+myHTMLStr); $('#result_content').html(myHTMLStr); } 这个div: 无论我如何进入页面,console.log结果总是相同的。但是,当我从上一个页面(通
$("#myPage").live('pageinit', function ()
{
// here is some irrelevant parsing code
console.log("myHTMLStr: "+myHTMLStr);
$('#result_content').html(myHTMLStr);
}
这个div:
无论我如何进入页面,console.log结果总是相同的。但是,当我从上一个页面(通过类似于$.mobile.changePage(MyPage,{transition:'none',reverse:false});
的方式进入页面时,result\u 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\u content
未填充。是否有可能.html()
函数不起作用?还会发生什么情况
更新
我将jquery-1.8.2与jquery.mobile-1.3.0一起使用。在Android(三星Galaxy SII)上进行测试。由于DOM中存在重复的
id
s',因此代码无法工作。无论您使用的是单页模板还是多页模板,对元素使用唯一的id
参考:由于DOM中存在重复的
id
s',代码无法工作。无论您使用的是单页模板还是多页模板,对元素使用唯一的id
参考:
pageinit
触发一次,使用pageshow
或pagebeforeshow
@Omar调用函数确实不是问题。console.log(“myHTMLStr:+myHTMLStr”);
在应该调用的时候调用,甚至具有正确的内容。.html()
可能正在工作,并且应该被调用,因为调用了console.log()
。我想这与页面的加载方式有关。您是否确实确认了$(“#结果_内容”)
实际抓取元素?是否在其他页面中使用id=result\u content
?可以使用$.mobile.activePage.find('result\u content').html('foo'))
如果您仍然想使用相同的id,但在jQMpageinit
中根本不建议触发一次,请使用pageshow
或pagebeforeshow
@Omar,调用函数确实没有问题。console.log(“myHTMLStr:+myHTMLStr”)
应该调用,甚至包含正确的内容。.html()
可能正常工作,并且应该调用,因为调用了console.log()
。我想这与页面的加载方式有关。您是否确实确认了$(“#结果_内容”)
实际抓取元素?您是否在其他页面中使用id=result\u content
?如果您仍然想使用相同的id,您可以使用$.mobile.activePage.find(“#result\u content').html('foo')
,但在jQM中根本不建议使用它