jQueryUI可排序连接列表-当项目滚动到新列表中时,未触发Over事件
jQuery UI Sortable Connected List - Over event not fired when item is scrolled into new list
尝试创建类似iPhone的排序功能。我注意到,当项目"滚动到"连接列表中时,可排序项目不会立即被连接列表检测到。
看看这个JSFiddle。您会注意到,当第一个列表中的可排序项目滚动到第二个列表时,over事件不会立即触发。在触发事件之前,您必须先移动鼠标。当您在触发事件之前放开鼠标时,这将成为一个问题,因为事件会将项目保留在第一个列表中。这是jQuery错误吗?周围有什么工作吗?
这是我的javaScript:
$(function () {
$("#sortable1, #sortable2").sortable({
connectWith: ".connectedSortable",
over: function () {
alert("Over");
},
start: function () {
$("#wrapper").animate({
'scrollLeft': '+=330px'
});
},
scroll: false
}).disableSelection();
});
请注意,我确实想使用jquery ui可排序滚动选项。页面应该自己滚动到正确的位置。
非常感谢您的帮助。谢谢
您可以等待scroll
动画,然后将placeholder
放置在新的sortable
中。像这样:
start: function (e, ui) {
var cur_helper = ui.placeholder
$("#wrapper").animate({
'scrollLeft': '+=330px',
}, function () {
//you place it before equivalent position in sortable1
$('#sortable2 > li').eq(ui.item.index()).before(cur_helper)
});
},
Fiddle:https://jsfiddle.net/um9vggb1/2/
相关文章:
- 鼠标悬停事件影响列表中所有行中的按钮,而不仅仅是特定按钮
- 如何刷新列表框内容onclick或blur事件
- 如何在HTML列表中添加事件's子弹
- 当触发下拉列表的onchange事件时,使用JavaScript提交表单
- 将事件列表滚动到给定月份的第一个事件
- 对象 Javascript 中的标签无效 - 想要添加事件列表器
- SVG-全局属性和事件的列表
- 将onclick事件附加到具有一个元素的下拉列表中
- 如何调用更改事件,例如在 HTML 数据列表上选择
- Jquery:更改下拉列表的值.通过委托事件触发时
- 如何在 PHP 中使用 OnChange 事件的下拉列表中选择一个选项后,对大量数据行设置分页
- MVC 下拉列表更改事件未正确调用控制器中的操作
- OnChange 事件使用 React JS 作为下拉列表
- 如何在列表中使用onclick事件(jqueryui可选)
- 在Selectize.js下拉列表中的附加按钮上添加点击事件
- javascript事件处理程序列表
- javascript的事件监听器将下拉列表转换为输入按钮
- 不能使用off()关闭动态列表事件处理程序的事件处理程序(jquery)
- JQuery链接/级联下拉列表事件
- 如何处理生成的 fron ajax 调用的下拉列表事件