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

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

最佳答案

目前，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"
});

fiddle :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
        });
});

fiddle :http://jsfiddle.net/lhoeppner/ASpkC/

不过，Kendo Popup 的代码会对此有所干扰(它还会设置位置，这会导致您在移动时闪烁)，因此如果这是一个问题，您可能必须编写一个自定义小部件。

关于javascript - 剑道工具提示相对于鼠标位置？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19821706/