javascript - 鼠标上移事件出错

这是我的代码：

<div class="container" role="main">
    <li><a href="javascript:void(0);" onclick="showAssignLabelsInMain(this);">Assign Labels</a></li>
    <div class="labelListInMain" id="labelListInMain">
        <g:render template=""/>
    </div>
</div>

function showAssignLabelsInMain(elm) {
        $.ajax({type: 'POST',
            url: '${createLink(controller: "HRAdmin", action: "labelListInMain")}',
            success: function (data, textStatus) {
                $('#labelListInMain').html(data);
            }
        });
        var offset = $(elm).offset();
        $("#labelListInMain").css({top: offset.top + 25, left: offset.left - 18, position: 'absolute'});
        $('#labelListInMain').toggle('fast');

$(".container").mouseup(function (e) {
        var subject = $("#labelListInMain");
        alert(e.target.id)

        if (e.target.id != subject.attr('id')) {
            subject.fadeOut();
        }
    });

这意味着当我单击该按钮时，切换将显示，但是当我在该切换内部单击时，它会淡出。它不应该消失，我也不知道怎么了。

最佳答案

$(".link").click(function(e){
e.preventDefault();
$(".popup").fadeIn(300,function(){$(this).focus();});
});

$('.close').click(function() {
 $(".popup").fadeOut(300);
});
$(".popup").on('blur',function(){
 $(this).fadeOut(300);
});

Demo

希望这对你有用

关于javascript - 鼠标上移事件出错，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25051575/