Question

使用Moo工具...... 我试图在我点击链接的位置旁边放置一个弹出窗口...

http://mootools.net/more/docs/1.5.1/Element/Element.Position

有一个.position（）选项，它看起来像是＆＃39; div＆＃39;的参数。但是我不想命名长桌的每个flippin元素...我只想弹出一个带有项目细节的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>

JS：

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();

}

我试过在TD上添加一个id（不是我喜欢的解决方案，但它无论如何都没有用）;

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

这＆＃34;有点＆＃34;可以工作，但我的屏幕仍然滚动到顶部，即使div是元素的位置......令人沮丧

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

0 个答案: