jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了单元测试 – JavaScript测试来模拟JQuery UI排序列表的拖动大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试编写一些可以测试我在网络应用程序中使用的 JQuery UI sortable list的拖放功能的前端JavaScript测试.然而,我遇到了一个问题,因为JQuery UI可排序列表似乎没有回应模拟鼠标事件.

我尝试了一些技术来测试这个,但是最终我发现了JQuery自己的simulation plugin,它似乎提供了我需要的功能.但是,当我运行模拟时,可排序列表不响应拖动事件,而其他组件(如DraggablE)则会做出响应.

这可以很容易地与@L_197_5@组合在一起展示.在这个例子中,我已经嵌入了jquery.simulate插件,但是修改了拖动功能来减慢它被触发的事件,以便可以直观地看到发生了什么.正如您将看到的,模拟插件正在将列表项1正确地移动到项目3和4之间,但是当mouseup事件被触发时,该项目只是回到它的原始位置,而不是重新排序列表.我怀疑JQuery UI库正在寻找另一个事件,但不幸的是我找不到它.

请转到http://jsbin.com/efuyef/7/edit#javascript,live查看排序列表拖动失败的示例.只需刷新页面即可使仿真再次运行.

有人有任何想法如何正确地模拟可排序列表上的拖动事件?您的帮助将不胜感激.

解决方法

经过网络搜索,我发现没有解决这个问题的方法,所以我已经开始研发出我自己的解决方案.

查看我的JQuery插件jquery.simulate.drag-sortable.js的Github存储库

如果您发现任何问题,请写一个测试来复制问题并分叉项目或在Github中提出问题.

大佬总结

以上是大佬教程为你收集整理的单元测试 – JavaScript测试来模拟JQuery UI排序列表的拖动全部内容,希望文章能够帮你解决单元测试 – JavaScript测试来模拟JQuery UI排序列表的拖动所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。