调试jQueryUI交互

时间:2015-08-28 21:45:58

标签: jquery jquery-ui

我试图在复杂的布局上使用jQuery UI来获得一些交互(拖放,排序,调整大小)。到目前为止,只有sortable我在操作启动时遇到了CSS问题,但我无法调试它,因为只要我释放块,我拖动支持类就会按预期消失

我的问题不是如何解决这个问题,而是如何调试这种类型的错误(例如模拟拖放)因为我知道我会有很多开发所有的交互。

如果您想查看该问题,可以查看JSFiddle。无需参数即可激活sortable

$(".track-content").sortable()

问题在于,当一个区块移动时,其他区域会下降"离开容器div。

1 个答案:

答案 0 :(得分:1)

Chrome可以使用多种类型的断点。 https://developer.chrome.com/devtools/docs/javascript-debugging#breakpoints-on-javascript-event-listeners

我可能会为您的示例建议一个DOM断点或事件列表器断点。

尝试右键点击“元素”面板中的<div class="track-content ui-sortable">,然后选择Break on... > Subtree modifications。这会暂停一些有趣的执行,并允许您检查样式。