jquery - 在 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
});