Question

我一直在尝试根据屏幕宽度更改jQuery UI工具提示位置，但我无法让它工作。 [fiddle] 有人请告诉我如何检测浏览器的宽度并相应地更改工具提示位置吗？

$(function () {
    $(document).tooltip({

      var wi = $(window).width();   

        if (wi <= 800){

        position: {
        my: "left+190 top",
        at: "center top"
    },
                        } else {                       
        position: {
        my: "left+20 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();
                })
            });
        }
    });
});

Answer 1

这不是有效的代码：

$(document).tooltip({

      var wi = $(window).width();   

        if (wi <= 800){

        position: {
        my: "left+190 top",
        at: "center top"
    },
       }
        else {

tooltip插件接受选项object，它不是在其中编写任意代码的函数体。将条件窗口大小逻辑移到工具提示之外：

http://jsfiddle.net/XFKN2/3/

检测窗口宽度并更改jQuery UI工具提示位置

1 个答案: