基于屏幕的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(); 获取窗口的宽度，然后根据宽度是大于还是小于您想要的断点，为工具提示设置两个不同的位置和/或样式。