社区
Ajax
帖子详情
jquery用sortable如何实现动态添加移动工具栏
first2526
2009-01-16 04:36:50
最近看到一个网站,其中有ul li 形成的列表,鼠标移动到li上之后,会在li上添加几个工具,如移动 删除等。鼠标移开之后就没有了。当点击移动时就会用拖拽的方式移动li.点击删除的时候会删除当前的li。我看了jquery的sortable,但是实现不了动态添加工具栏,大虾帮忙下。我该如何去实现。
...全文
833
6
打赏
收藏
jquery用sortable如何实现动态添加移动工具栏
最近看到一个网站,其中有ul li 形成的列表,鼠标移动到li上之后,会在li上添加几个工具,如移动 删除等。鼠标移开之后就没有了。当点击移动时就会用拖拽的方式移动li.点击删除的时候会删除当前的li。我看了jquery的sortable,但是实现不了动态添加工具栏,大虾帮忙下。我该如何去实现。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
jinsv1983
2009-12-03
打赏
举报
回复
$(".main_containers").sortable({
connectWith: ['.main_containers'],
handle: '.moduleHeader',
revert: true,
tolerance: 'pointer'
});
first2526
2009-01-22
打赏
举报
回复
这个功能我都参考过了,但是并不能实现我想要的方法。我想实现的是动态增加移动、删除、编辑按钮,点击移动后可以拖拽排序列表,此时当鼠标移动到其他列表上,其他列表并不会动态增加这些按钮,当释放鼠标后,拖放排序结束。
如果不用动态增加,我可以考虑形成列表的时候就把这些工具条生成代码出来,然后隐藏。等鼠标移动上后再显示出来。但是我觉得还是动态生成好。
阿云ivan
2009-01-22
打赏
举报
回复
参考:
http://jquery.bassistance.de/tooltip/demo/
阿云ivan
2009-01-22
打赏
举报
回复
参考:
http://ui.jquery.com/demos/sortable
first2526
2009-01-18
打赏
举报
回复
继续求助
Even713
2009-01-16
打赏
举报
回复
帮顶~
JQUERY
-UI1.8.2插件包
7. **菜单(Menu)**:创建层次化的下拉菜单,可应用于导航栏或
工具栏
。 8. **进度条(Progressbar)**:展示进度状态,如加载或处理进度。 9. **效果(Effects)**:包括基本的淡入淡出、滑动效果,以及更复杂的动画,...
jQuery
UI仿webqq桌面系统WebOS界面操作
对于任务栏,我们可以使用Ul和Li元素配合
jQuery
的事件监听来
实现
应用切换。 此外,WebOS界面中的通知中心和设置菜单也是重要组成部分。
jQuery
UI的Notification插件或自定义的弹出框可以
实现
通知功能,而Options...
JQuery
UI 1.91 组件demo
**
jQuery
UI 1.9.1 组件库详解**
jQuery
UI 是一个基于
jQuery
...通过下载并使用 `
jquery
-ui-1.9.1.custom` 压缩包,你可以获取完整的库文件,根据项目需求选择引入相应的组件,
实现
高效、美观的用户界面设计。
jquery
-ui-1.9.1.
7. **下拉菜单(Menu)**:创建可自定义的下拉菜单,适用于导航栏或
工具栏
。 8. **按钮(Buttons)**:将文本或链接转化为有样式的按钮,提供多种样式和状态。 9. **Autocomplete**:自动完成输入,常见于搜索框或...
jQuery
常用插件介绍/收集
HoverIntent用于解决鼠标悬停事件的延迟触发问题,通常与
jQuery
的.show()、.hide()等方法结合使用,提高用户体验,避免因鼠标快速
移动
导致的闪烁现象。 以上只是
jQuery
众多插件中的一部分,每个插件都有其独特的...
Ajax
52,782
社区成员
25,335
社区内容
发帖
与我相关
我的任务
Ajax
Web 开发 Ajax
复制链接
扫一扫
分享
社区描述
Web 开发 Ajax
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章