基于屏幕的JqueryUI工具提示位置

Question

我想知道是否有办法根据不同的屏幕大小设置jQueryUI工具提示的不同位置。我正在使用此代码 fiddle

$(function () {
    $(document).tooltip({
        position: {
            my: "left+120 top",
            at: "center top"
        },
        content: function () {
            return $(this).prop('title');
        },
        show: null, 
        close: function (event, ui) {
            ui.tooltip.hover(

            function () {
                $(this).stop(true).fadeTo(400, 1);
            },

            function () {
                $(this).fadeOut("300", function () {
                    $(this).remove();
                })
            });
        }
    });
});

在较大的屏幕上看起来很好但在800X600时太高了。我可以根据屏幕分辨率设置不同的位置吗？

Answer 1

您可以使用$(document).width();获取窗口的宽度，然后在工具提示中有两个不同的位置和/或样式，具体取决于宽度是大于还是小于您想要的断点。