剑道工具提示相对于鼠标位置？

Question

我希望Kendo Tooltip在单击/触发打开时显示在鼠标旁边.似乎我只能打开它相对于这样的HTML元素:mytooltip.show('#area').虽然如何让它相对于鼠标位置显示？

Answer 1

此功能目前不包含在Kendo Tooltip中.您可以将此作为解决方法:

var lastMouseX,
lastMouseY;

$(document).on("mousemove", function (e) {
    lastMouseX = e.pageX;
    lastMouseY = e.pageY;
});

$("#target").kendoTooltip({
    content: "Tooltip content",
    show: function () {
        $(this.popup.wrapper).css({
            top: lastMouseY,
            left: lastMouseX
        });
    },
    showOn: "click"
});

小提琴:http://jsfiddle.net/lhoeppner/qan4T/

如果你想在移动鼠标时移动它,你可以试试这个:

var lastMouseX,
lastMouseY;

$(document).on("mousemove", function (e) {
    lastMouseX = e.pageX;
    lastMouseY = e.pageY;

    $(".k-tooltip").parent().css({
            top: lastMouseY,
            left: lastMouseX
        });
});

小提琴:http://jsfiddle.net/lhoeppner/ASpkC/

Kendo Popup的代码虽然干扰了这一点(它也会设置位置,导致移动时闪烁),所以如果这是一个问题,你可能不得不编写一个自定义小部件.