我正在尝试编写一些可以测试我在网络应用程序中使用的
JQuery UI sortable list的拖放功能的前端JavaScript测试.然而,我遇到了一个问题,因为JQuery UI可排序列表似乎没有回应模拟鼠标事件.
我尝试了一些技术来测试这个,但是最终我发现了JQuery自己的simulation plugin,它似乎提供了我需要的功能.但是,当我运行模拟时,可排序列表不响应拖动事件,而其他组件(如Draggable)则会做出响应.
这可以很容易地与simple drag simulation example组合在一起展示.在这个例子中,我已经嵌入了jquery.simulate插件,但是修改了拖动功能来减慢它被触发的事件,以便可以直观地看到发生了什么.正如您将看到的,模拟插件正在将列表项1正确地移动到项目3和4之间,但是当mouseup事件被触发时,该项目只是回到它的原始位置,而不是重新排序列表.我怀疑JQuery UI库正在寻找另一个事件,但不幸的是我找不到它.
请转到http://jsbin.com/efuyef/7/edit#javascript,live查看排序列表拖动失败的示例.只需刷新页面即可使仿真再次运行.
有人有任何想法如何正确地模拟可排序列表上的拖动事件?您的帮助将不胜感激.