Question

我的拖拽元素不会在拖拽末端被摧毁。我有可拖动的img元素，如：

$(document).ready(function(){

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

    }
}
);
})

我还有一个svg地图，它是svg元素的构建，如：

<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元素上有事件，如：

        },function(){
            $('#tip').hide();
            $('#'+id).css({'fill':map_config[id]['upcolor']});
        })
        //clicking effect
        _Textobj.mousedown(function(){
            $('#'+id).css({'fill':map_config[id]['downcolor']});
            alert("test");
        })

我的问题是：当我放弃可拖动的img时，它不会在下面的svg路径上触发mousedown事件。当我在元素中正常点击（mousedown）然后警告（＆＃34; test＆＃34;）按预期工作。请帮忙。

Answer 1

我能够使用coursorAt选项“修复”此操作，将光标定位在图像外部。然后使用鼠标按下，我使用了mouseup事件。

jQuery draggable不要在dragstop上发射mousedown

1 个答案: