Javascript Moo工具，根据鼠标单击的位置定位弹出div

使用Moo工具。。。 我试图定位一个弹出div旁边我点击了链接

有一个.position（）选项，它看起来像是接受了一个'div'参数。但是，我不想命名长表中的每个FlipIn元素。。。我只想弹出一个包含项目详细信息的div

当前，div将自身定位在文档的顶部中心。。因此，如果我向下滚动一个长列表，它会将我的屏幕滚动到顶部…而不是我想要的

HTML如下所示：

<tr><td id="Trans1234" ><a href="#" onclick="showTransDetail( 1234 );">1234</a></td></tr>
<tr><td id="Trans1235" ><a href="#" onclick="showTransDetail( 1235 );">1235</a></td></tr>
...{many rows}...

<div id="TransactionDetail" class="pop-up" ></div>

我曾尝试在TD中添加id（这不是我喜欢的解决方案，但无论如何都不起作用）

---

这个“有点”行得通，但我的屏幕仍然会滚动到顶部，即使div是按元素排列的。。。。令人沮丧的是

你能制作一个JSFIDLE复制问题以便我们检查它吗？这是因为你没有阻止事件的默认值，所以它会因为元素上有一个

href=#

而进入顶部。你能制作一个JSFIDLE复制问题以便我们检查它吗？这是因为你没有阻止事件的默认值由于元素上有一个

href=#

，所以它会进入顶部。

function showTransDetail( transid ) {

    var newReq = new Request ({
        'url': '/getTransactionDetails/?id=' + transid,
        'method': 'post',
        'noCache': true,
        'data': {},
        'onSuccess': function( response ) {

            var dspDiv = $( 'TransactionDetail' );
            dspDiv.innerHTML = response; // this is working fine
            dspDiv.show(); // this works IF I use the next line
            dspDiv.position(); // this put the div top center of page

        });     

    }).send();

}

dspDiv.position({
    relativeTo: $( 'Trans' + transid ),
    position: 'upperLeft',
    edge: 'upperRight'
});