为什么jquery移动输出到控制台?

时间:2017-01-19 00:40:45

标签: javascript jquery jquery-mobile

有没有人知道为什么以下代码拒绝在Firefox或Chrome中显示控制台中的当前活动页面?代码在app标题中,而不是在任何页面部分中,并且在所有其他javascript库加载之后出现。还有。 。 。即使页面容器选择不正确,也不会是"这是页面ID:"出现?浏览器控制台未记录任何内容。 (顺便说一句,JQuery移动文档很糟糕。他们没有解释" pagecontainer"是在正文或文档上实现的。我必须在其他地方找到(和选择代码)。)

ifelse

1 个答案:

答案 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?

Omar

最后,在这里你可以找到JQM游乐场:

Navigate between pages and open and close panel and popup widgets to see which events fire and their data.