我怎么能移动我的弹出窗口?

时间:2014-03-04 20:49:57

标签: jquery css

我尝试过使用一些css样式...... position: relative; right: 20px;

这是我的小提琴:http://jsfiddle.net/supplement/j77eB/

因此,当有人在工具提示链接上盘旋时,我希望将道具移到右边而不是底部。

$(function () {
    $(document).tooltip({
        position: { my: "left+15 center", at: "right center"}
        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("400", function () {
                    $(this).remove();
                })
            });
        }
    });
});

2 个答案:

答案 0 :(得分:2)

当你使用jQuery UI时,有一个位置选项可用。您可以像传递事件处理程序一样传递它。只需将以下内容添加到tooltip()函数的options参数中即可。你可以找到小提琴here

position:{ my: "left+15 center", at: "right center" }

位置的jQuery UI工具提示文档是here

答案 1 :(得分:0)

您可以使用qTip2插件。

演示:http://qtip2.com/demos