老师，麻烦帮看下这是什么问题
来源：3-5 下拉菜单的按需加载
Qua
2019-11-15 16:46:10
明明已经添加进来了，为什么不显示？
$('.dropdown').on('dropdown-show',function(e){
var $layer=$(this).find('.dropdown-layer1'),
html='';
$.getJSON('dropdown.json',function(data){
for(var i=0;i<data.length;i++){
html+='<li><a href="'+data[i].url+'" target="_blank" class="menu-item">'+data[i].name+'</a></li>'
}
$layer.html(html);
});
});
$('.show').on('click',function(){
$('.dropdown').dropdown('show');
})
$('.hide').on('click',function(){
$('.dropdown').dropdown('hide');
})
$('.dropdown').dropdown({
event:'clik',
css3:true,
js:true,
delay:'200',
animation:'fadeSlideUpDown',
active:'menu'
});<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>慕淘网</title> <link rel="stylesheet" href="css/comment.css"> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/index.css"> <script type="text/javascript" src="js/jQuery3.4.1.js"></script> </head> <body> <!-- 站点导航 --> <div class="nav-site"> <div class="container"> <ul class="fl"> <li class="fl"><a href="javascript:;" class="nav-site-login ">亲，请登录</a></li> <li class="fl"><a href="javascript:;" class="nav-site-signup link ">免费注册</a></li> <li class="fl"><a href="#33" target="_blank" class="nav-site-mobile link ">手机逛慕淘</a></li> </ul> <ul class="fr"> <!-- 我的慕淘 --> <li class="menu dropdown fl" data-active='menu'> <a href="javascript:;" class="dropdown-toggle link">我的慕淘<i class="dropdown-arrow icon transition"></i></a> <ul class="dropdown-layer dropdown-layer1 dropdown-left"> <!-- <li><a href="##" target="_blank" class="menu-item">已买到的宝贝</a></li> <li><a href="##" target="_blank" class="menu-item">我的足迹</a></li> --> </ul> </li> <!-- 收藏夹--> <li class="menu dropdown fl" data-active='menu'> <a href="javascript:;" class="dropdown-toggle link">收藏夹<i class="dropdown-arrow icon transition"></i></a> <ul class="dropdown-layer dropdown-left"> <li><a href="##" target="_blank" class="menu-item">收藏的宝贝</a></li> <li><a href="##" target="_blank" class="menu-item">收藏的店铺</a></li> </ul> </li> <!-- 商品分类 --> <li class="fl"> <a href="###" target="_blank" class="nav-site-category link">商品分类</a> </li> <li class="menu dropdown fl" data-active='menu'> <a href="javascript:;" class="dropdown-toggle link">卖家中心<i class="dropdown-arrow icon transition"></i></a> <ul class="dropdown-layer dropdown-left"> <li><a href="##" target="_blank" class="menu-item">免费开店</a></li> <li><a href="##" target="_blank" class="menu-item">已卖出的宝贝</a></li> <li><a href="##" target="_blank" class="menu-item">出售中的宝贝</a></li> <li><a href="##" target="_blank" class="menu-item">卖家服务市场</a></li> <li><a href="##" target="_blank" class="menu-item">卖家培训中心</a></li> <li><a href="##" target="_blank" class="menu-item">体验中心</a></li> </ul> </li> <!-- 联系客服 --> <li class="menu nav-site-service dropdown fl" data-active='menu'> <a href="javascript:;" class="dropdown-toggle link">联系客服<i class="dropdown-arrow icon transition"></i></a> <ul class="dropdown-layer dropdown-right"> <li><a href="##" target="_blank" class="menu-item">消费者服务</a></li> <li><a href="##" target="_blank" class="menu-item">卖家客服</a></li> </ul> </li> </ul> </div> </div> <button class="show">点我显示</button> <button class="hide">点我隐藏</button> <!-- 要把dropdown.js先引进来，否则在index.js中调用不到dropdown里面的函数 --> <script type="text/javascript" src="js/transition.js"></script> <script type="text/javascript" src="js/showHide.js"></script> <script type="text/javascript" src="js/dropdown.js"></script> <script type="text/javascript" src="js/index.js"></script> </body> </html>
写回答
1回答
-
好帮手慕码
2019-11-15
同学你好，老师测试同学的代码下拉框是可以显示出来的，但是因为设置了延迟，需要等待一下：
效果：
同学可以再测试一下。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题
老师，帮忙看一下代码哪里出了问题，谢谢
回答 3
老师帮我看下是什么问题
回答 1
老师请看下，为什么这里会报错？？
回答 1
老师帮我看下哪里出问题了 代码报错
回答 4
老师，麻烦帮我看一下
回答 1