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();

});

});