有谁知道瓦迪姆的JQuery插件Swappable
Does anybody know about Vadim's JQuery plugin Swappable
瓦迪姆的JQuery插件 假设我有四个具有不同元素集的 ID,我只想交换三个 ID 元素,而第四个 ID 的元素不可交换。
ID: #foo, #zoo, #soo, #moo [ 每个 ID 都有不同的"高度"和"宽度" ]
可交换:#foo、#zoo #soo [ #moo 不可交换]
问题 1.想要检查元素的父 ID 是否在可交换 ID 中。 行 : 9
Q2. 如果拖放元素父级是可交换的并且不同,假设 drag_id.parentID = #foo,drop_id.parentID = #zoo 然后相互交换它的高度和宽度。线路 : 11,12,13
1. $("#foo, #zoo, #soo").swappable({
2. [#moo elements can't be drag but act as a drop (target)]
3. ...
4. stop: function(event, ui) {
5. var drag_id = ui.item[0].id;
6 var target_id = event.originalEvent.target.id;
7.
8. i want to confirm drag & drop's parentID are swappable or not
9. e.g. ?? if($.ui.contains ( drag_id.parentID, target_id.parentID )) {
10
11 if(drag_id.parentID != target_id.parentID)
12. {
13 then swap the width & height of elements to each other }
14 } } });
您是否尝试过从 JQuery UI 中使用此 widjet?真是太棒了。完成后,你可以检查排序顺序,在每个项目上应用你想要的高度和宽度。
相关文章:
- 如何在Angular2中使用jQuery插件
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- 我的jQuery插件参数没有正确启动,遇到了问题
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- TableExport jquery插件:文件名和扩展名问题
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- jQuery插件-从插件中调用公共方法
- 扩展jQuery插件以更改配置
- "工具提示"jQuery插件坏了
- 不能在图像中的地图标记中使用花式框jquery插件的区域标记
- 使用Booklet Jquery插件,我如何验证最后一页是否显示
- 合并TinyMCE(jQuery插件)文件
- 带有jquery插件的backbone.js视图
- 自制jQuery插件已触发,但无法工作
- 我如何才能找到哪些网站使用我的jQuery插件
- jquery插件或javascript方法自动调整文本输入(而非文本区域)(固定宽度)可变高度的大小
- 在多个元素上使用jquery插件,只需稍作修改
- HtmlBox(jquery插件)在ajax调用中不起作用
- 构造jQuery插件
- 使用filedownload jquery插件处理FilePathResult返回值