0

如果鼠标位于工具提示目标上方或工具提示内容上方（动态加载），我希望我的工具提示保持打开状态，以便用户可以将鼠标从目标移动到工具提示上并单击链接在内容中。

我正在寻找的一个很好的例子是当您将鼠标悬停在页面右侧的朋友上时出现在 Facebook 中的弹出窗口......您会得到一个交互式弹出窗口。

我知道我可以通过关闭 AutoHide 并向工具提示内容添加“关闭”按钮来做到这一点，但用户不希望这样做，（这也是不切实际的，因为工具提示在网格中并滑动鼠标越过网格很容易导致大量工具提示打开并卡在打开状态）。

有人做过吗？愿意分享你的 JS 吗？我很惊讶它不是小部件的内置选项......

干杯，克里斯

4

1 回答 1

0

我猜这正是您需要的... Tooltip / Events , Tooltip / Loading content with AJAX

        $("#products").kendoTooltip({
            filter: "a",
               content: {
                  url: "../content/web/tooltip/ajax/ajaxContent1.html"
               },
               width: 220,
               height: 280,
               position: "top",
               requestStart: function(e) {
                  e.options.url = kendo.format(urlFormat, e.target.data("id"));
              }
        });

如果您在浏览器中签入网络选项卡，那么当您将鼠标悬停在图像上方时，您将能够看到产品名称已加载到工具提示中。

同样，您可以加载工具提示内容。

  • 自动隐藏：假

在声明工具提示时设置此选项。检查此链接：工具提示/事件

$("#autohide-false").kendoTooltip({
    autoHide: false,
    show: onShow,
    hide: onHide,
    position: "top",
    content: "Hello!"
});

可以如上例所示加载内容部分。

于 2016-02-04T05:53:51.557 回答