Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于屏幕的JqueryUI工具提示位置_Javascript_Css_Jquery Ui_Tooltip_Jquery Ui Tooltip - Fatal编程技术网

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

Javascript 基于屏幕的JqueryUI工具提示位置,javascript,css,jquery-ui,tooltip,jquery-ui-tooltip,Javascript,Css,Jquery Ui,Tooltip,Jquery Ui Tooltip,我想知道是否有一种方法可以根据不同的屏幕大小设置jQueryUI工具提示的不同位置。我正在使用此代码 $(function () { $(document).tooltip({ position: { my: "left+120 top", at: "center top" }, content: function () { return $(this).prop('t

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

$(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时太高了。我可以根据屏幕分辨率设置不同的位置吗

您可以使用
$(document).width()获取窗口的宽度您可以为不同的宽度设置不同的位置选项。初始化后,可以按如下方式设置位置选项:$(“.selector”).tooltip(“选项”、“位置”、{my:“左+15中心”,位于:“右中心”});