jQuery Dragable不在dragstop上向下发射鼠标

我的可拖动元素不会在拖动端发射鼠标向下。 我有可拖动的img元素，如：

$(document).ready(function(){

$( "#1" ).draggable(
    { 
        scroll: true
    },
    { 
    stop: function( event, ui ) {
       $( "#1" ).addClass( "pinnedPin" );
       $( "#1" ).removeClass( "hiddenPin");

    }
}
);
})

<g>

<path id="map_39" fill="#2F71AE" stroke="#FFFFFF" stroke-width="1" d="M484.9,121.2c0.1-2.5-0.4-3.9-1.5-3.9H481v5.9l-0.6,2.899c1.5-0.3,2.5-0.5,3.199-0.899
                                c0.5-0.301,0.801-0.9,0.801-1.801C484.4,122.3,484.6,121.7,484.9,121.2z

                                "/>
 </g>

我还有一个svg映射，它是由svg元素构建的，如：

$(document).ready(function(){

$( "#1" ).draggable(
    { 
        scroll: true
    },
    { 
    stop: function( event, ui ) {
       $( "#1" ).addClass( "pinnedPin" );
       $( "#1" ).removeClass( "hiddenPin");

    }
}
);
})

<g>

<path id="map_39" fill="#2F71AE" stroke="#FFFFFF" stroke-width="1" d="M484.9,121.2c0.1-2.5-0.4-3.9-1.5-3.9H481v5.9l-0.6,2.899c1.5-0.3,2.5-0.5,3.199-0.899
                                c0.5-0.301,0.801-0.9,0.801-1.801C484.4,122.3,484.6,121.7,484.9,121.2z

                                "/>
 </g>

---

我的问题是：当我删除可拖动的img时，它不会在下面的svg路径上触发mousedown事件。当我在元素中单击鼠标正常下降，然后按预期警报测试工作。请帮助。

我可以使用coursorAt选项将光标定位在图像外部来修复此问题。然后，我使用mouseup事件代替了mouse down