Question

http://jsfiddle.net/nofear87/uBEDA/

$('#produceMenu').mouseover(function(){
       $('#produceMenu').show();
    }).mouseout(function(){
       $('#produceMenu').hide();
    });

$('#menuProduce').mouseover(function() {
        var pos = $('#productionMenu').position();
        $('#produceMenu').css({
            "top" : pos.top + "px",
            "left": (pos.left + 111) + "px"
        });
        $('#produceMenu').show();
    }).mouseout(function() {
        $('#produceMenu').hide();
    });

为什么选择选项消失以及我如何解决它。在Firefox中它可以工作......但在chrome中它消失了。即孔样品不起作用...不知道为什么，鼠标悬停是否存在问题？

非常感谢你！

Answer 1

而不是鼠标悬停，mouseout使用mouseenter和mouseleave

    $('#produceMenu').mouseenter(function(){
           $('#produceMenu').show();
        }).mouseleave(function(){
           $('#produceMenu').hide();
    });

    $('#menuProduce').mouseenter(function() {
            var pos = $('#productionMenu').position();
            $('#produceMenu').css({
                "top" : pos.top + "px",
                "left": (pos.left + 111) + "px"
            });
            $('#produceMenu').show();
        }).mouseleave(function() {
            $('#produceMenu').hide();
        });

检查已修改Fiddle

为什么选择选项消失，我如何解决它

1 个答案: