Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下

关闭

搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
提交资源 / 链接反馈

SelectPage.js
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://terryz.gitee.io/selectpage/index.html
GitHub:https://github.com/TerryZ/SelectPage
网站描述:一款强大的jquery下拉分页选择插件
访问官网 GitHub

SelectPage.js是一款强大的jquery下拉分页选择插件。SelectPage.js下拉分页选择插件界面简洁,支持下拉,分页,键盘操作等功能。  


SelectPage.js特点

  • 插件基于jQuery开发,可在Bootstrap2、3环境下使用,亦可在原生无UI框架的环境下直接使用。
  • 兼容Bootstrap2、3样式,以及非Bootstrap环境支持。
  • 也可应用于无任何UI框架的原生html环境。
  • 输入框输入关键字快速查找(autocomplete)。
  • 结果列表分页展示。
  • 使用键盘快速操作基本功能及分页功能。
  • 允许使用静态json数据源或ajax动态请求的数据源。
  • 多项选择以标签(Tag)形式展现。
  • 结果列表自动判断屏幕边缘,避免内容超出可视范围。
  • 丰富的参数设置及功能api调用。
  • 支持i18n国际化多语言支持,自带(中文、英文、德文、日文、西班牙文、巴西葡萄牙文)。
  • 浏览器兼容:IE8+、Chrome、Firefox、Safari等主流浏览器。


SelectPage.js使用

1、引入

<!-- 基础环境引用说明 -->
<!-- jQuery 基础脚本引用 -->
<script type="text/javascript" src="jquery.min.js" >< /script>
 
 
<!-- 插件使用的样式表文件 -->
<link rel="stylesheet" href="selectpage.css" type="text/css">
 
<!-- 插件核心脚本 -->
<script type="text/javascript" src="selectpage.js" >< /script>

2、html

<!-- 设置文本框为插件基本元素 -->
<input type="text" id="selectPage" >

3、初始化

//定义数组,在服务端返回的数据也以该格式返回:Array[{Object},{...}]
var tag_data = [
    {id:1 ,name:'Chicago Bulls',desc:'芝加哥公牛'},
    {id:2 ,name:'Cleveland Cavaliers',desc:'克里夫兰骑士'},
    {id:3 ,name:'Detroit Pistons',desc:'底特律活塞'},
    {id:4 ,name:'Indiana Pacers',desc:'印第安纳步行者'}
];
//初始化插件
$('#selectPage').selectPage({
    showField : 'desc',
    keyField : 'id',
    data : tag_data
});



仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/288

more>>
相关栏目
jQuery之家
致力于搜集和整理各种jQuery插件,jQuery特效...
官网
fullPage.js
jQuery全屏滚动插件
官网 GitHub
Waterfall.js
瀑布流无限加载插件
官网 GitHub
Raty
一个非常棒的jQuery 评分插件
官网 GitHub
Bootstrap-waterfall
一款基于Bootstrap仿Pinterest网站的网格瀑布流插件
官网 GitHub
Jcrop
一个功能强大的 jQuery 图像裁剪插件
官网 GitHub
jcarousel
jQuery轮播图插件
官网 GitHub
Parallax.js
一款jQuery滚动视觉差插件
官网 GitHub
vegas
一个jQuery / Zepto幻灯片插件
官网 GitHub
paroller.js
一款轻量级的页面滚动视觉差特效jquery插件
官网 GitHub
lazyload.js
jquery图片懒加载插件
官网 GitHub
alertify.js
jQuery酷炫的各种消息提示插件
官网 GitHub
pickadate.js
一个轻量级的 jQuery 日期选择插件
官网 GitHub
chosen.js
基于jquery的下拉选择框美化插件
官网 GitHub
threesixty.js
360度产品图片预览jQuery插件
官网 GitHub
textillate.js
实现动感的 CSS3 文本动画的简单插件
官网 GitHub
首页 技术导航 在线工具 技术文章 教程资源 AI工具集 前端库/框架 实用工具箱

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主。All Rights Reserved. 网站备案号:蜀ICP备13022973号

手机预览