jquery下拉菜单显示不出来？
一、问题描述
做下拉菜单时，不管怎么触发事件，下拉菜单都不显示。console一下，发现其display一直是none。
.second>li{ width: 300px; height: 30px; list-style: none; background-color: grey; color: #fff; border-bottom: .5px #fff solid; /*页面刷新时不显示，触发事件后显示*/ display: none; }
二、问题发现
原因是因为，“display: none;”放错地方了，跟li放一起。但事件触发的是父元素ul，所以无法更改其displaynone属性。
三、解决
/*display: none;单独放出来，不要跟li放一起*/ .second{ display: none; }
新开一个块控制父级元素，用对应的展开/收起动画控制即可。
什么是动态交互程序？
首先我们要清楚来讲什么是动态交互设计的内容包括哪些？
动态交互设计内容包括动态轮播图、下拉菜单、页面弹框等等
js是前端交互设计代码，它的库是JQUERY(负责动态代码的封装，以便随时调取、使用）
JavaScript的jQuery库插件的简要开发指南？
1.表单验证插件 validate.js
2.表格插件 dateTables.js
3.弹层插件 layer.js
4.分页插件 layPage.js 5下拉框选择插件 select2.js chosen.js 6.图片全屏显示 supersized.js 7.复选框单选按钮美化 iCheck.js 表单美化插件 uniform.js里也行，可以看看 8.全屏滚动插件 fullPage.js 9.上传插件 zyUpload.js 10.树插件 zTree.js 11.表单提交插件 ajaxForm.js 12.输入格式化插件 inputmask.js maskedinput.js 13.向导插件 formToWizard.js 14.日历插件 fullcalendar.js 15.手机端滚动插件 iscroll.js
如何使用jqueryeasyui分页插件？
1，引入必要的js,css文件。2，在html页面添加:
3，添加easyui分页插件到div中： $('#pp').pagination({ total:articleJSONArr.length,//总的记录数 pageSize:10,//每页显示的大小。 pageList: [10,20,50,100],//选择每页显示的记录数的下拉框的值。 onSelectPage: function(pageNumber, pageSize){//选择相应的页码时刷新显示内容列表。 //把请求的内容放入panel中。 var html=""; articleJSONArr.length/pageSize;//页数。 //i 开始的记录数 for(var i=(pageNumber-1)*pageSize; iarticleJSONArr.length? articleJSONArr.length:pageNumber*pageSize); i++) //遍历json; { html += "" + articleJSONArr[i]["数据库入库时间"] + "
" + articleJSONArr[i]['文章标题'] + "
"; html += " "; } $("#pagecontent").html(html); //$("#frArticleDiv").prepend(html); //$('#content').panel('refresh', 'show_content.php?page='+pageNumber); }