jquery - 检查辅助克隆

Question

我使用 Google Chrome 开发者工具。当我想检查一个元素时，我通常右键单击它并选择“检查元素”。这不适用于可拖动的辅助克隆。我的代码如下:

$myElement.draggable({helper: 'clone'});

如何检查仅在开始拖动元素后创建的辅助克隆？

Answer 1

1. 转到脚本 源选项卡
2. 在右侧面板的Event Listener Breakpoints 下和DOM Mutation 下选择DOMNodeInserted

3.当使用克隆助手进行 jQuery UI 拖动时，会在 DOM 树中插入一个新的 DOM 元素。该元素将是 body 结束标记之前的最后一个元素。然后开发工具停止文档操作，因为它有一个用于插入 DOM 元素的断点。

4.现在您可以检查克隆的元素并编辑 CSS 等...

注意:这些断点在 Mac 上似乎不太有效。

在这里试试:http://jsbin.com/ijacet/2

更新:

现在您可以通过右键单击元素来中断节点插入: