Javascript 为什么可拖动元素不是'；在可拖动事件期间显示和隐藏捕捉对象时，是否响应捕捉选项？

我不知道标题是否足够清晰，但我想让一个可拖动的元素捕捉到一些隐藏在第一个位置的参考线，当我开始拖动元素时，它们会显示出来。。。但是元素并没有捕捉到它们。。。就好像，它周围都认不出它了。。。。为什么

这把小提琴是我做的

代码非常简单

$(".block").draggable(
    {
        snap: ".guide",
        snapTolerance: 10,
        //grid: [10,10],
        start: function(event, ui) {
            $(".guide").show();
        },
        stop: function( event, ui) {
            $(".guide").hide();
        }
    });

HTML是这样的

<div class="h-line guide" style="top: 100px"></div>
<div class="h-line guide" style="top: 400px"></div>
<div class="v-line guide" style="left: 80px"></div>
<div class="v-line guide" style="left: 400px"></div>

<div class="block"></div>

---

我得到了Jquery用户界面的帮助，因为它是一个bug，而且这个功能以前从未被任何其他人询问过。。。因此，这是一个使其工作的替代方案：）

通过使用on mousedown事件

$(".block").draggable({
    snap: ".guide",
    snapTolerance: 10,
    stop: function( event, ui) {
        $(".h-line").css("display", "none");
    }
}).on( "mousedown", function() {
    $(".h-line").css("display", "block");
});

以下是jQUery用户界面支持修复的JSFIDLE及其评论：

您好，msqar，感谢您抽出时间为jQueryUIYou做贡献 可以通过使用鼠标向下的侦听器来获取所需的行为 以便在DragTable的快照逻辑运行之前显示/隐藏： . 这不是我们想要的 打算在库中添加对的支持，因为快照选项不可用 保存在可拖动的小部件重写中。这也是行为主义者 一些以前没人要求过的东西

希望它也适用于其他人：）