基于jqueryUI和bootstrap实现拖拽排序功能
来源:互联网 发布:matlab画网络拓扑图 编辑:程序博客网 时间:2024/05/20 03:47
html中引入
<script type="text/javascript" src="<%=path %>/Portal/assets/js/bootstrap.js"></script>
<script type="text/javascript" src="<%=path %>/Portal/assets/js/jquery-ui.js"></script>
<link href="<%=path %>/Portal/assets/css/bootstrap.css" rel="stylesheet" type="text/css">
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<a class="navbar-brand" href="#">Bootstrap LOGO</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#"><span>导航项 1</span></a></li>
<li><a href="#"><span>导航项 2</span></a></li>
<li><a href="#"><span>导航项 3</span></a></li>
<li><a href="#"><span>导航项 4</span></a></li>
</ul>
</div>
</nav>
</body>
<script >
$(function(){
$(".nav").sortable();
});
</script >
效果:
- 基于jqueryUI和bootstrap实现拖拽排序功能
- jqueryUI的sortable实现div拖拽排序
- 基于bootstrap实现简单用户管理功能
- bootstrap点击表头实现排序功能
- jqueryui实现百度推荐搜索功能
- 用JQueryUI库中的AutoComplete组件和Ajax实现搜索建议功能
- Angularjs 环境下Ztree结合JqueryUI实现拖拽
- 基于bootstrap实现分页
- Unity基于NGUI实现拖拽功能
- SWFUpload在JQueryUI的Dialog中无法实现上传功能
- 利用JQuery方便实现基于Ajax的数据查询、排序和分页功能
- JQuery实现基于Ajax的数据查询、排序和分页功能
- 利用JQuery方便实现基于Ajax的数据查询、排序和分页功能
- 让Eclipse支持jQuery和jQueryUI代码自动完成功能
- Bootstrap Table 实现简单的查询和显示功能
- 关于前端框架BootStrap和JQueryUI(以及对应的优秀模板)
- SlickGrid 样式在 JQueryUI Accordion 和 Bootstrap框架的兼容性解决办法
- C#--基于delegate实现不同功能的排序
- 备忘录模式Memento(对象行为型)
- POJ 3750
- linux相关-ubuntu使用ssh public key登陆
- JavaScript prototype
- Kotlin开发语言学习(1) kotlin初探与相关配置
- 基于jqueryUI和bootstrap实现拖拽排序功能
- 标准正态分布 置信区间
- html中元素的隐藏和显示
- 我的第一篇博文
- 做好自己该做的,赢取自己这一份努力
- 兄弟交友问题OJ
- git安装指南
- Android7.0中文文档(API)--- AutoCompleteTextView
- spark源码之sparkEnv(2)blockManager