jquery-ui相关内容

可拖动元素的遏制

如何定义可拖动对象的包含区域以使其可拖动到其父元素之外?我有两个可放置的容器,其中包含可拖动的 div.我想在容器之间拖动包含的 div.但是 div 会落在父容器的边框下方,而不是越过.如果我设置了一个非常高的 z 索引,我只能让 div 从一个容器转到另一个容器,这会导致 div 没有真正放在容器中.这会打乱页面显示. 这是 http://jsfiddle.net/gkvgn/8/ 的 ..
发布时间:2022-01-11 21:29:18 其他开发

JQuery Draggable + Sortable:如何判断项目是否实际添加到我的可排序列表中?

好的,我可能在这里遗漏了一些明显的东西,但我的搜索没有找到任何有用的东西.我已经设置了一个可排序列表并将一个可拖动的“调色板列表"连接到它,如下所述:http://jqueryui.com/demos/draggable/#sortable 我可以将项目从我的可拖动列表中拖放到我的可排序列表中.效果很好. 我需要仅在这些项目之一被放置到可排序时触发一个函数. 我已经在可拖动项目上 ..

将 Draggable 连接到 Sortable 会导致辅助元素跳转

我在页面上有一个 jQueryUI 可拖动对象和一个可排序对象. 将一个元素从可拖动元素拖到可排序元素会导致被拖动的元素跳到页面的左上角. 这是演示:http://jsfiddle.net/travisrussi/aBhDu/1/ 复制: 将“项目 5"从可拖动的 div(顶部框)拖到可排序的 div(底部框) 实际结果: 当拖动到可排序对象上时,第 5 项跳转 ..

jquery droppable ->避免多次滴落同一个物体

我有一个包含不同可拖动元素的容器,并且有一些“目标"div 的列表,用户可以在其中放置可拖动元素. 示例:想象一下,你有一个“标签"列表(House,Computer,Car,..)和一些作为目标的文档列表(所有文档都是 div ).所以目标是使用拖动&将“标签"分配给文档.降低.顺便说一句,每个 tag-Div 都有一个唯一的 id ( ..
发布时间:2022-01-11 21:20:52 其他开发

可拖动的可调整大小在 Chrome 中不起作用

我在 chrome 中将可调整大小和可拖动的图像一起工作时遇到了一些问题.我的页面侧面有一个(可拖动)图像列表,可以将其拖放到 div 上(图像被克隆).放置的图像应该是可调整大小和可拖动的.我编写了以下 Javascript: $(function() {$(".scrollable").scrollable();$(".draggable").draggable({助手:'克隆',附加到:“ ..

jQuery UI 可拖动到更小的 droppable

我正在使用这个 http://jqueryui.com/demos/droppable/ 但我在拖动到比可拖动对象小的可放置对象时遇到问题. 它不会放在 droppable 上,而是放在 droppable 的左上角. (来源:yart.com.au) 有没有办法解决这个问题? 这是代码,谢谢. $('.draggable').draggable({还原:'无效',恢 ..
发布时间:2022-01-11 21:19:08 其他开发

使用 jQuery 对表格列进行拖放排序

我正在使用 jQuery 来驱动我的 AJAX UI.我有一个数据表,我想允许用户通过拖放来重新排列表中的列.我希望用户能够抓取列的标题并移动它.下面的数据行应该跟在后面.请注意,我不对数据排序或对行重新排序感兴趣,但对允许用户更改列的顺序感兴趣. 有现成的解决方案吗?我尝试在 元素上使用标准的 jQuery 可排序调用,但这当然不起作用.我浏览了 jQuery 插件站点并没有找到 ..
发布时间:2022-01-11 21:07:08 其他开发

将元素拖放到 iframe 中.可放置区域坐标错误,碰撞错误

我需要在 Web 应用程序中在网页中的元素和 iframe 内的元素之间实现拖放功能(在您开始抱怨 iframe 之前,出于技术原因,我需要它,这不是一个选项). 我在页面中有一些元素可以拖到 iframe 内的目标可放置元素中. 我已经设法使用 jQuery UI 和 YUI 来做到这一点,尽管这两个库都存在相同的问题:目标元素(可放置目标)坐标被误解,两个库考虑的放置区域是错误的并 ..
发布时间:2022-01-11 21:06:48 前端开发

如何使用 jquery ui 可拖动突出显示悬停时的可放置​​区域

我实际上有两个问题,标题中的 on 是主要问题.我在标记为可放置的页面上有多个 div 元素.在这些 div 元素中,我有标记为可拖动的跨度.我想要它,所以当您拖动一个元素并将其悬停在可放置区域上时,该区域要么突出显示,要么具有边框,以便他们知道可以将其放置在那里. 作为第二个问题,我所有的可拖动元素都有一个 display:block、一个宽度和一个浮点数,所以它们在我的可放置区域看起来很 ..

jQuery UI 可排序和两个连接列表

我正在尝试将以下内容与 jQuery 和 Sortable 放在一起:我需要抓住两种情况: 答:在同一个列表中移动一个项目 B:将项目从一个列表移动到另一个列表 情况 B 仅使用 receive 事件即可解决.但是,如果我同时绑定 receive 和 stop 他们也会在将项目从一个列表移动到另一个列表时被触发.这使我无法捕获案例 A,因为我无法确定该项目是从另一个列表中移出还是在同 ..

如何让 jQuery UI 的 Draggable 和 Sortable 函数在 iPhone 上工作?

我有一个使用 JQuery UI 的页面;特别是 Sortable 交互. 该页面适用于带有鼠标的桌面网络浏览器,但是我无法在 iPhone 上的 Mobile Safari 上使用拖放功能.任何拖动操作都只会滚动页面. 我页面上的功能与 Sortable Empty-Lists 极为相似jQuery UI 站点上的演示.此页面也无法在 iPhone 上运行. 有什么方法可以让拖 ..
发布时间:2022-01-11 21:02:08 移动开发

使用 jQuery UI 拖放:更改拖放的元素

在使用 jQuery UI 可拖动和可放置元素时,如何在放置时更改拖放元素?我正在尝试将一个 DIV 拖到另一个可排序的 DIV.在放置时,我想更改放置的 DIV 上的类并更改其 innerHTML 内容. 阅读各种 StackOverflow 问题后,我的代码如下所示: $(".column").droppable({接受:'.element-dragging',下降:函数(事件,用户界 ..
发布时间:2022-01-11 21:01:24 前端开发

jQuery 可拖动和溢出问题

当我从设置为溢出的容器 div 中拖动 div 时,我产生了不希望的效果:滚动. 我找到了其他人遇到问题但我无法找到解决方案的示例 粘贴箱示例 发生的情况是滚动只是增加了,如果您想拖动到可滚动 div 内的目的地,我可以理解为什么这将是理想的行为,但我希望能够将其移出滚动控制. 解决方案 一定要注意文档 http://docs.jquery.com/UI/Dragg ..
发布时间:2022-01-11 20:25:49 其他开发