jquery - 如何在显示弹出菜单时检测页面右侧并相应地调整位置？

Question

我创建了一个简单的弹出式菜单，用户可以在其中隐藏或显示一些子菜单。问题是我不确定如何处理菜单一直显示在右侧的情况，并且当用户单击菜单时，弹出窗口显示在右侧的页面之外。

如何管理这个？

$("#menu-item-1").click(function() 
    {
        var position = $(this).position();

        if ($("#menu-content-1").css("display") == "none")
        {
            $("#menu-content-1").css("display", "block");
            $("#menu-content-1").css("left", position.left);
            $("#menu-content-1").css("top", position.top + 50);
        }
        else
        {
            $("#menu-content-1").css("display", "none");
        }
    });

这是 jsFiddle:http://jsfiddle.net/Zkg3n/

Answer 1

试试这个。输入框用于设置链接的左边距。在那里输入任何数字，例如590 会将链接的左边距设置为 590px。然后点击链接等看到弹出的自动设置它的位置。我也稍微改变了你的代码 http://jsfiddle.net/Zkg3n/7/ fiddle