javascript - 使用 jquery 定位和显示隐藏元素

Question

试图实现类似于 qtip 的东西，但是使用一个比较不同事物特征的表格，并且在定位我想在鼠标悬停时显示的隐藏元素时遇到问题。任何帮助将非常感激。http://jsfiddle.net/2HMjQ/

Answer 1

而不是event.pageY，我尝试使用$(this).position().top50 到位置的偏移量就在链接的正下方。见下文，

content.on('mouseenter',function(){ //Used .on instead of bind
    var index=content.index(this);
    if(index<0){
        stop();
    }
    else{
        content.eq(index).css("font-weight","bold");
        display.stop(true,true);
        display.eq(index).css("top",+ $(this).position().top + 50); //Changed
        display.eq(index).fadeIn('slow');
    }
}).on('mouseleave',function(){ //Used .on instead of bind
    var index=content.index(this);
    display.hide();
    content.css("font-weight","normal");
});    

演示：http: //jsfiddle.net/2HMjQ/13/

Answer 2

display.eq(index).css("top",+event.PageY);

需要是：

display.eq(index).css("top",+event.pageY);- 注意小写的“p”。

Answer 3

看起来案例有一个简单的问题。event.PageY 应该是 event.pageY。

我已经解决了这个问题，并在此处对您的代码进行了一些小的 CSS 更改：http: //jsfiddle.net/2HMjQ/11/