jquery - 将div标签与另一个div标签对齐

我有以下脚本，由于Chris Moutray而几乎可以完美运行。

jQuery的：

$('.navigation3').click(function(event) {
    var $nav3 = $(this),
        $dd = $nav3.next('.dropdown');

    $nav3.toggleClass('active');

    var offset = 20,
        offsettop = $nav3.offset().top + $nav3.height() + offset,
        offsetleft = $nav3.offset().left;

    $dd.css({
        top: offsettop,
        left: offsetleft
    });

    $nav3.hasClass('active') ? $dd.show() : $dd.hide();
});​

问题：

唯一的问题是，出现了.dropdown，因此.dropdown的左上角紧靠.navigation3的左下角。

因此，基本上.dropdown的嘴唇应该在左侧。此刻，嘴唇在右侧。

问题：

如何使.dropdown的右上角与.navigation3的右下角对齐？

jsfiddle示例：

http://jsfiddle.net/MTESY/19/

最佳答案

您可以这样尝试：

var leftoffset = $dd.width() - $nav3.width();

var offset = 20,
    offsettop = $nav3.offset().top + $nav3.height() + offset,
    offsetleft = $nav3.offset().left-leftoffset ;

http://jsfiddle.net/MTESY/20/

关于jquery - 将div标签与另一个div标签对齐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13583669/