mouseenter/mouseleave div 展开答案

【问题标题】：mouseenter/mouseleave div expandmouseenter/mouseleave div 展开
【发布时间】：2013-06-21 19:35:00
【问题描述】：

我需要在鼠标悬停时扩展一个 div，这很好，但是当鼠标离开 div 时，它不会恢复正常

$("#logo-expand").mouseenter(function() {
    $(this).animate({
        width: "56px;"
    }, 300 );
});

$("#logo-expand").mouseleave(function() {
    $(this).animate({
        width: "170px"
    }, 300 );
});

【问题讨论】：

$("#logo-expand").on('mouseenter mouseleave', function(e) {$(this).animate({width:(e.type=='mouseenter'?56:170)},300);});

标签： jquery mouseenter mouseleave

【解决方案1】：

问题是56px 之后的;。如果您将该行更改为width: "56px"，则它可以正常工作。见这里：http://jsfiddle.net/MyKnB/1/

【讨论】：

工作但不太好，因为每次我将光标移到另一个 div 时它应该恢复正常并且保持扩展...
@paoloi 另一个div 在#logo-expand 内吗？