有没有人知道为什么以下代码拒绝在Firefox或Chrome中显示控制台中的当前活动页面?代码在app标题中,而不是在任何页面部分中,并且在所有其他javascript库加载之后出现。还有。 。 。即使页面容器选择不正确,也不会是"这是页面ID:"出现?浏览器控制台未记录任何内容。 (顺便说一句,JQuery移动文档很糟糕。他们没有解释" pagecontainer"是在正文或文档上实现的。我必须在其他地方找到(和选择代码)。)
ifelse
答案 0 :(得分:0)
您可能需要整理脚本和资源,但如果您在 head 中绝对需要它,则可以在加载jQuery Mobile之前将其放在 sitePass.setEditable(false);
sitePass.setFocusable(false);
事件上:
mobileinit

最后,当您抱怨缺少文档时,我会给您一些有用的链接:
如果您需要有关<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function() { $("#events").append("jQuery Dom Ready<br>"); });
$(document).on('mobileinit', function () {
function showme(e, ui){
var activePage = $(":mobile-pagecontainer").pagecontainer("getActivePage").prop("id");
$("#events").append("JQM Event: "+e.type+": "+activePage+"<br>");
if(activePage) {
$("#events").append("JQM Active Page: "+activePage+"<br>");
}
if(e.target){
if(e.target.id)
$("#events").append("Target Page: "+e.target.id+"<br>")
}
if(ui){
var to = ui.toPage;
if(ui.prevPage) {
var fromId = ui.prevPage.prop("id");
if (typeof fromId == "undefined") {
$("#events").append("JQM "+e.type+" from -initialization-<br>");
} else {
$("#events").append("JQM "+e.type+" from: " + fromId+"<br>");
}
}
if (typeof ui.toPage == "object") {
$("#events").append("Can manipulate " + ui.toPage.prop("id")+"<br>");
}
}
}
$(document).on("pagecreate", function(e, ui) { showme(e, ui); });
$(document).on("pagecontainertransition", function(e, ui) { showme(e, ui); });
$(document).on("pagecontainerbeforechange", function(e, ui) { showme(e, ui); });
$(document).on("pagecontainerbeforeshow", function(e, ui) { showme(e, ui); });
$(document).on("pagecontainershow", function(e, ui) { showme(e, ui); });
$(document).on("pagecontainerhide", function(e, ui) { showme(e, ui); });
});
</script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="page-1">
<div role="main" class="ui-content">
<div id="events">
</div>
</div>
</div>
</body>
</html>
的更多详细信息,请参阅Gajotres针对当前jQuery Mobile 1.4.5版本更新的详细信息:
jQuery Mobile: document ready vs page events
...在这里你可以找到一个很棒的图表来解释有关JQM页面导航的所有细节:
来自jQuery Mobile “Page” Events – What, Why, Where, When & How? 的最后,在这里你可以找到JQM游乐场: