我试图在复杂的布局上使用jQuery UI来获得一些交互(拖放,排序,调整大小)。到目前为止,只有sortable
我在操作启动时遇到了CSS问题,但我无法调试它,因为只要我释放块,我拖动支持类就会按预期消失
我的问题不是如何解决这个问题,而是如何调试这种类型的错误(例如模拟拖放)因为我知道我会有很多开发所有的交互。
如果您想查看该问题,可以查看JSFiddle。无需参数即可激活sortable
$(".track-content").sortable()
问题在于,当一个区块移动时,其他区域会下降"离开容器div。
答案 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
。这会暂停一些有趣的执行,并允许您检查样式。