Javascript 如何在jQuery移动页面后期转换中使用html()修改html
我有一个两页(1个文件)的jQuery移动页面,我想在第二个页面加载后立即在其上写入一些动态文本Javascript 如何在jQuery移动页面后期转换中使用html()修改html,javascript,jquery,jquery-mobile,jquery-events,Javascript,Jquery,Jquery Mobile,Jquery Events,我有一个两页(1个文件)的jQuery移动页面,我想在第二个页面加载后立即在其上写入一些动态文本 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello World</title> <meta name="viewport" content="width=device-width, initial-scale=1"> &l
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello World</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link href="css/codiqa.ext.min.css" rel="stylesheet">
<link href="css/jquery.mobile-1.3.1.min.css" rel="stylesheet">
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
<script src="js/codiqa.ext.min.js"></script>
<script src="js/universal-lotto.js"></script>
</head>
<body>
<div data-role="page" data-control-title="Home" id="page1">
<div data-role="content">
<ul data-role="listview" data-divider-theme="b" data-inset="true" id=menu>
<li data-role="list-divider" role="heading">Menu</li>
<li data-theme="c"><a href="#ViewN" data-transition="slidedown">Help</a></li>
</ul>
</div>
</div>
<div data-role="page" data-control-title="AnotherPage" id="ViewN" data-back-btn-text="Menu" data-add-back-btn="true">
<div data-role="content">
<div data-controltype="htmlblock" id=printhere>
</div>
</div>
</div>
</body>
</html>
当第二个页面显示但页面本身保持空白时,会出现警报。您的lign在此无效:
<div data-controltype="htmlblock" id=printhere>
</div>
应该是:
<div data-controltype="htmlblock" id="printhere">
</div>
第二页是什么?你确定吗?因为我刚刚发现document.getElementById('printhere')。innerHTML='whatever'
现在工作正常,添加“”并不能使原始代码工作。这在技术上可能是不正确的,但我不认为它导致了html()问题。现在原始代码正在运行,所以我不知道刚才发生了什么。顺便说一句,它现在正在使用或不使用报价,所以肯定不是这样,但因为我不知道如何删除此内容,而且您是唯一尝试过的人,我想您可能已经找到了答案。谢谢。我没有测试它,但您的代码是正确的,除了“”,所以我认为这是您的问题。
<div data-controltype="htmlblock" id="printhere">
</div>