1

我有一个 div 自动隐藏到屏幕左侧并包含米勒列。div 内容的宽度未知。如果我使用 .width(500) 对宽度进行硬编码，它可以正常工作，但现在我试图让它自动适应鼠标悬停时的内容，然后在 mouseleave 上缩小。

这是我目前拥有的代码，问题是，当我将鼠标悬停时没有任何反应。想法是删除宽度的css属性，恢复为默认值

$(".leftnavdiv").live({                                          //code for autohide
    mouseenter:
    function () {
        $(this).css('width','');
        //$("body").css('padding-left','510px');
    },
    mouseleave:
    function () {
        $(this).css('width','10px');
        //$("body").css('padding-left','20px');
    }
}
);
4

2 回答 2

1

将您的容器浮动到左侧，然后将width: auto;鼠标悬停在上面：

$(".leftnavdiv").bind("mouseenter", function() {
    $(this).css('width', 'auto');
});

$(".leftnavdiv").bind("mouseleave", function() {
    $(this).css('width','10px');
});​

Working example: jsFiddle here

于 2012-12-10T09:23:11.473 回答
0

尝试将宽度设置为 0，将其设置为空白使其取一些随机值。检查这个小提琴并尝试 0 和空白。您可以在控制台日志中看到差异。小提琴：http : //jsfiddle.net/UyAPj/

$(this).css('width','0px');
于 2012-12-10T09:20:27.257 回答