jqueryまたはcssでのポップアップの再配置

Question

特定のボタンをクリックしてポップアップボックスを表示しています。同じエリアボタンが表示されているときに、メニュー領域の上にマウスを置くと境界線が表示されるのと同じように、why with us?のタブ領域でも同じことが起こります。ただし、このボックスを実行するのは面倒な位置に表示されます。メイン・コンテンツもスクロールします。私はそれが固定され、クリックされた場所を表示したい。

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

やポップアップするようにCSSを追加置く：以下は、私は、コードで以下のマウス移動機能で位置を取っているthe link to my project

です。

$('#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 
});