鼠标悬停，单击等。不会在后续页面上工作

Question

我有一个名为main.php的php文件。在main中我有一个div定义，包含用户配置文件的图像。 main几乎是页面顶部菜单，包含在其他php文件中。主页中还有另一个div（mmberNav）隐藏在页面的左侧。

个人资料图片div的ID为'menuAvatar'

所以本质上我有

在index.php里面我有

.
.
include(main.php)
.
.
.

我的ajax非常适合测试..

   $(document).ready(function(){
      $('#menuAvatar').on( 'mouseover',  function() {
         $('#memberNav').css( 'left', '0');
      });
   bla
   bla 
   .
   .

在上面的代码中，当我悬停个人资料图片时，会出现隐藏的div（memberNav）。这在index.php

上按预期工作

但是，如果我加载页面members.php有... 包括（main.php） 要显示顶部菜单，悬停不再有效。

我尝试将menuAvatar的div ID更改为类而不是id，但它仍然无法响应鼠标悬停或单击。

有什么建议吗？

由于

Answer 1

memberNav有绝对位置吗？

$(function() {
    $('#menuAvatar').hover(function() {
        $('#memberNav').css({'position':'absolute', 'left':'0'})
    })
});

具有top left right或bottom属性的元素需要绝对定位。如果您对此不满意，可以尝试使用margin-left。