弹出窗口在jquery或css中的位置

Question

我通过单击某个按钮显示一个弹出框。就像当您将鼠标悬停在菜单区域上时，您将会看到一个边框，同时点击相同区域的按钮正在显示，why with us?的选项卡区域也会发生同样的情况。但是，此框正在显示在一个尴尬的位置。它也滚动主要内容。我希望它被修复并显示被点击的位置。以下是the link to my project

我要带位置跟随鼠标移动功能的代码：

var mouseX; 
var mouseY; 
$(document).mousemove(function (f) { 
    mouseX = f.pageX; 
    mouseY = f.pageY; 
}); 

，并把增加的CSS弹出窗口。

$('#nitstabeditor').fadeIn(400).css({ 
    'top': mouseY 
    , 'left': mouseX 
}) 

请帮帮我吧。

CSS使用：

#nitstabeditor { 
    z-index: 9999; 
} 
#nitstabeditor { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    box-sizing: border-box; 
    min-width: 250px; 
} 

Answer 1

使用preventDefault()来解决这个问题，例如

$("#nitstabbutton .btn").click(function(event){ 
    event.preventDefault(); 
    //your code here 
});