老师，关于$key无法跳转的问题
(function(){
var itemTmpl='<a class="$key btn-item" href="../$key/$key.html">'+
'<div class="tab-icon"></div>'+
'<div class="btn-name">$text</div>'+
'</a>';
function init(){
var items=[{
key:'index',
text:'首页'
},{
key:'order',
text:'订单'
},{
key:'my',
text:'我的 '
}];
var str='';
items.forEach(function(item){
str+=itemTmpl.replace(/\$key/g,item.key)
.replace('$text',item.text);
})
$('.bottombar').append($(str))
/* 找到当前页面的 url来确定key值 */
var arr=window.location.pathname.split('/');
var page=arr[arr.length-2].replace('.html','');
/* 将当前的页面对应的key值的a元素添加一个active的类 */
$('a.'+page).addClass('active');
}
init()
})()<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>meituan</title> <script type="text/javascript" src="../jQuery.js"> </script> <script type="text/javascript" src="../index/pxToRem.js"></script><!-- 引入Rem基准 --> <link rel="stylesheet" href="contentList.css"> <link rel="stylesheet" href="../index/bottombar.css"> </head> <body> <!-- 头部开始 --> <div class="header">订单</div> <!-- 头部结束 --> <!-- 订单列表开始 --> <div class="wrap"> <div class="order-list"></div> <div class="loading">加载中</div> </div> <!-- 订单列表结束 --> <!-- 底部菜单开始 --> <div class="bottombar"></div> <!-- 底部菜单结束 --> </body> <script type="text/javascript" src='../index/bottombar.js'></script> <script type="text/javascript" src="contentList.js"></script> </html>
15
收起
正在回答 回答被采纳积分+1
2回答
相似问题
登录后可查看更多问答，登录/注册
3.WebAPP开发与小程序
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星