App Framework $.ui.loadContent 参数解释

理解appFramework的$.ui.loadContent方法中newTab和goBack参数作用
本文详细解析了appFramework中的$.ui.loadContent方法中newTab和goBack参数的功能,解释了当newTab为true时,载入目标后会清除历史记录;当goBack为true时,当前页面不会保留在浏览记录中,导致返回操作受限。

在使用 app Framework 的 $.ui.loadContent(target,newTab,goBack,transition);时 对 newTab goback两个参数一直不得其解。通过查看源码及实践终于搞懂了意思。

官方解释语焉不详,我就不贴了,我现在说说我的理解

如果newTab为true时,载入 target 后,将会清除之前的 history stack,也就是说之前保留的页面历史记录会消失。历史记录里面只会保留应用打开的第一个页面,也就是selected="true"的页面的记录

如果goBack 为true。则你当前的页面(这个当前页面是指你在“现在这个页面”点一下,然后才执行$.ui.loadContent 的这个页面)是不会保留在浏览记录里面的。也就说, $.ui.loadContent打开第二个页面后,你按返回键,返回的是上上个页面,中间这个页面就返回不了了。

转载于:https://www.cnblogs.com/Janepl/p/4173317.html

我在JavaScript编程中遇到了报错,我的原始代码如下:// 页面加载后初始化 $(document).ready(function() { // 登录表单提交 $('#loginForm').submit(function(e) { e.preventDefault(); $.ajax({ url: '/api/login', method: 'POST', data: { username: $('input[type="text"]').val(), password: $('input[type="password"]').val() }, success: function(response) { // 跳转到主界面 window.location.href = 'dashboard.html'; } }); }); // 导航菜单切换 $('.nav-list li a').click(function(e) { e.preventDefault(); let target = $(this).attr('href'); // 移除所有active状态 $('.nav-list li').removeClass('active'); $(this).parent().addClass('active'); // 加载对应内容 loadContent(target.substring(1)); }); }); // 动态加载内容 function loadContent(pageType) { let urlMap = { 'unprocessed': '/api/faults', 'statistics': '/api/statistics', 'management': '/api/management' }; $.get(urlMap[pageType], function(data) { let template = ''; switch(pageType) { case 'unprocessed': template = buildFaultTable(data); break; case 'statistics': template = buildChart(data); break; case 'management': template = buildManagementPanel(data); break; } $('#contentContainer').html(template); }); } // 构建故障表格 function buildFaultTable(data) { let html = `<table class="fault-table"> <thead> <tr> <th>序号</th> <th>故障类别</th> <th>级别</th> <th>地点</th> <th>发生时间</th> </tr> </thead> <tbody>`; data.forEach((item, index) => { html += `<tr class="${item.level === '一级' ? 'urgent' : ''}"> <td>${index + 1}</td> <td>${item.type}</td> <td>${item.level}</td> <td>${item.location}</td> <td>${new Date(item.time).toLocaleString()}</td> </tr>`; }); html += `</tbody></table>`; return html; }
最新发布
05-29
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值