重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jquery选择器,对所有下拉元素写一个点击方法,返回被点击的li的值
创新互联是一家专业提供边坝企业网站建设,专注与网站设计、成都做网站、H5建站、小程序制作等业务。10年已为边坝众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
国产jQuery UI框架 (jUI) DWZDWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 设计目标是简单实用,快速开发,降低ajax开发成本。 欢迎大家提出建议,我们将在下一版本中进一步调整和完善功能.共同推进国内整体ajax开发水平。
2.jQuery的界面插件 Ninja UI
jQuery 是一个非常优秀的 JavaScript 框架,而且还有相当多的插件。其中的一些UI插件也相当的给力,比如 Ninja UI,是一款界面插件,使用它将能给你的项目增色不少。此插件包含有幻灯,智能提示等常见的效果。
3.jQuery的UI框架 Chico UI
和 jQuery UI 一样,Chico UI 包含 auto-complete, blink, carousel, countdown, date-picker, dropdown, expand, calendar 等诸多逐渐,同时还提供一个 CSS 布局框架,用于实现网页布局和表格。
4.jQuery UI 组件库 PrimeUI
PrimeUI 是 PrimeFaces 团队的一个 jQuery UI 组件库,目前包含多个 UI 部件
5.Jquery的UI库 w2ui
基于Jquery的UI库,包含常用UI组件,如:布局、表格、树形、Tabs、工具条、弹出菜单、表单等等。
采用Html5 + CSS3编写,可以支持常用的浏览器,如:Chrome、FireFox7+、Safari 5+和IE 9+等。
6.jQuery UI组件 jQuery UI
jQueryUI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs(如本站首页右上角部分) 、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
7.jQuery的UI工具包 jQuery Tools
jQuery easyui 为网页开发提供了一堆的常用UI组件,包括菜单、对话框、布局、窗帘、表格、表单等等组件,
8.jQuery的UI框架 Liger UI
LigerUI是基于jQuery开发的一系列控件组,包括表单、布局、表格等等常用UI控件 使用LigerUI可以快速创建风格统一的界面效果
9.快速开发WebUI jQuery MiniUI
jQuery MiniUI - 快速开发WebUI。
包含控件:DataGrid、Tree、TreeGrid、Menu、Toolbar、Tabs、Layout、Panel、DatePicker、ComboBox、TreeSelect、TextBoxList等。
典型应用:页面布局、CRUD、Master/Detail、数据验证等。
10.jQuery的UI插件 Smart UI
JQuery Smart UI是基于JQuery的Ajax开发框架,实现前、后台分离、功能和数据分离,UI层全部使用htm+js+json完成,通过一个统一数据接口与服务端进行数据交换。
你用的是ztree还是什么插件?
然后是你的数据是本来就在还是怎么传的?
seajs.use('autocomplete', function(AutoComplete) {
new AutoComplete({
trigger: '#acTrigger1',
dataSource: ['abc', 'abd', 'abe', 'acd'],
width: 150
}).render();
});
只有你输入是数据源时才会有下拉的数据
修改对应的CSS可以设置为横向展示。
.ui-menu:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.ui-menu .ui-menu-item {
display: inline-block;
float: left;
margin: 0;
padding: 0;
width: auto;
其实修改一个css就行了
思路就是改变容器宽度,然后让里面的子菜单浮动,我这是写死了,你可以改成自适应的
效果如下