如何增加工具提示位置的垂直偏移？

Question

我正在24px高的图形(在锚链接内)使用剑道工具提示.因此,当工具提示显示(底部的默认位置)时,它覆盖图形的底部三分之一,因此无法单击图形的底部三分之一.

我可以做以下事情:

.k-tooltip {
    margin-top: 8px;
}

但问题是,如果工具提示位于页面底部的图形上,则位置将是"顶部"而不是"底部",但它现在将覆盖大约1/2的图形而不仅仅是第三,因为它仍然被8px压低了.

我想要的是如果位置是底部,那么margin-top是8px,但如果位置是top,则margin-bottom是8px.

感谢您的任何帮助,您可以提供!

比利麦卡弗蒂

Answer 1

这个会帮助你吗？ http://dojo.telerik.com/amoZE/5

var tooltip = $("#demo").kendoTooltip({
  filter: "a",
  show: function (e) {
    var position = e.sender.options.position;
    if (position == "bottom") {
      e.sender.popup.element.css("margin-top", "10px");
    } else if(position == "top") {
      e.sender.popup.element.css("margin-bottom", "10px");
    }
  }
}).data("kendoTooltip");