Jquery 为什么Appendo不'；我不能在另一个部门工作

我想在鼠标上方的其他DIV之间移动“menu DIV”。但是，当我把鼠标移到某个分区外时，“菜单分区”就消失了

jsiddle演示：

HTML

JQUERY

$("#container div").live({
     mouseover: function() {
         $('#menu').appendTo($($(this)));
     }
});

每当鼠标悬停在这样一个匹配的元素上时，

#菜单

就会移动到选择器$（“#容器div”）的结果

#menu

本身是一个div，一旦移动到这样的元素中，它也会与

$（“#container div”）

匹配

有几种方法可以避免这种情况，但最直接的方法是当匹配的选择器是

#菜单时，显式不执行操作

$("#container div").live({
        mouseover: function() {
            if( $(this).closest("#menu").length ){ return; }
            $('#menu').appendTo($(this));
        }
});​

请注意，如果不使用javascript，整个操作可能会更好，只需使用CSS在
：hover
上隐藏/显示现有菜单，而不是在文档周围移动单个菜单。
\menu
将移动到选择器
$（“#container div”）的结果
每当鼠标悬停在匹配的元素上时
#menu
本身是一个div，一旦移动到这样的元素中，它也会与
$（“#container div”）
匹配

有几种方法可以避免这种情况，但最直接的方法是当匹配的选择器是
#菜单时，显式不执行操作

$("#container div").live({
        mouseover: function() {
            if( $(this).closest("#menu").length ){ return; }
            $('#menu').appendTo($(this));
        }
});​

请注意，如果不使用javascript，整个操作可能会更好，只需使用CSS在
：hover
上隐藏/显示现有菜单，而不是在文档周围移动单个菜单

$("#container div").live({
        mouseover: function() {
            if( $(this).closest("#menu").length ){ return; }
            $('#menu').appendTo($(this));
        }
});​