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

我试图在导航条下创建一条细线来跟随鼠标，但在让e.page:X设置元素宽度时遇到了问题

以下是我所拥有的：

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

有人能告诉我为什么不设置线条的宽度吗

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

尝试：

---

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

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

---

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

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

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

---

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

是否需要在

线宽

变量前加“$”前缀？我知道PHP变量需要它，但我认为Javascript变量可能仅仅是

线宽

。。。在JS中，它只是一个有效的变量。。。您可以或不可以将

$

。。。对我来说，将

$

s放在我的变量中只意味着它是一个jQuery变量，

linewidth

变量是否需要以“$”作为前缀？我知道PHP变量需要它，但我认为Javascript变量可能仅仅是

线宽

。。。在JS中，它只是一个有效的变量。。。您可以或不可以将

$

。。。对我来说，将

$

s放入我的变量就意味着它是一个jQuery变量。。。