jquery - click,mouseover 和 mouseout 与 Draggable 冲突

Question

我是 jquery 的新手。我想制作类似标签的外观，单击时会在特定框架中显示页面。我希望标签也可以拖动。但是，当我带来可拖动功能时，鼠标悬停、鼠标移出和单击不起作用。也就是说，一旦元素被拖动，该元素就不会响应 mouseenter、mouseout 和 click。请参阅代码，对于错过解决该问题的帖子，我深表歉意。

$(document).ready(function() {

$('li').mouseover(function() {  $(this).attr('class', 'tabTdColorChange'); }
).mouseleave(function() {

    if (!$(this).hasClass('myselected')) {
        $(this).attr('class', 'tabTdColorOriginal');
    }
});


    $('li').draggable({ connectToSortable: "#tabTable", containment: "parent"}).click(function () {
    var $li_id = $(this).attr('id');

    $(this).addClass('myselected tabTdColorChange');
    $(this).siblings('.myselected').removeClass('myselected').addClass('tabTdColorOriginal');
    $('iframe[id*="' + $li_id + '"]').attr('class', 'contentframe');
    $('iframe:not([id*="' + $li_id + '"])').attr('class', 'contentframehide');
});
$(function() {
    $("#tabTable").sortable();

});

});