5

我在 24px 高的图形（在锚链接内）上使用剑道工具提示。因此，当工具提示出现时（底部的默认位置），它覆盖了图形的底部三分之一，因此无法单击图形的底部三分之一。

我可以执行以下操作：

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

但是这样做的问题是，如果工具提示位于页面底部的图形上，则位置将是“顶部”而不是“底部”，但它现在将覆盖大约 1/2 的图形而不是仅仅一个第三，因为它仍然被向下推了 8px。

我想要的是如果位置是底部，那么边距顶部是 8px，但如果位置是顶部，边距底部是 8px。

感谢您的任何帮助，您可以提供！

比利·麦卡弗蒂

4

2 回答 2

6

这个对你有帮助吗？ 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");

于 2015-03-27T10:15:42.013 回答
2

谢谢你的回答，jarno-lahtinen。这很有帮助！出现了两个问题，我想在这里记录解决方案：

1. Typescript 中的属性错误

我正在使用 TS，它给了我以下错误：“工具提示类型上不存在属性弹出窗口” e.sender.popup。我不确定这是否是由于较新版本的 Kendo 或缺少类型定义。

解决方案：

你可以this.popup改用。

2. 不适合职位：“top”

不幸的是，“margin-bottom”绝对没有效果，因为弹出窗口使用顶部/左侧定位“绝对”。

解决方案：

this.popup.element.css("margin-top", "-10px");

这会将弹出窗口向上移动 10 个像素

于 2016-12-13T22:08:28.367 回答