使用鼠标悬停jquery更改元素的宽度

Question

我正在尝试在导航栏下创建一条细线来跟踪鼠标，但是在设置元素的宽度时无法获得e.page:X。

这就是我所拥有的：

$('#test').mousemove(function(){
var linewidth = e.pageX;
$("#line").width($linewidth);
                              })
})

任何人都可以告诉我为什么这不是设置#line

的宽度

Answer 1

尝试：

$('#test').mousemove(function(e){ // notice the e...
    var $linewidth = e.pageX; //notice also $linewidth
    $("#line").width($linewidth);
                             // I removed some extra brackets here        
})

Answer 2

这将在整个页面上跟随鼠标：

$('body').live('mousemove',function(e){ 
    $("#line").width( e.pageX);
});

如果您只是在观看'#test'，则只会在光标位于该元素上时跟踪光标。