jquery - 使用 jQuery 隐藏 RadTooltipManager

Question

我的网站上有一个 RadToolTipManager。我想要的是当我单击屏幕上的任何位置但 RadToolTipManager 时隐藏此工具提示。我有以下 jQuery，它似乎工作正常，只是它隐藏了工具提示，即使单击工具提示本身也是如此。

$(document).ready(function() {
  $('form').bind('click', function(event) {
    var activeTooltip = Telerik.Web.UI.RadToolTip.getCurrent();
    if (activeTooltip && activeTooltip.isVisible()) {
      activeTooltip.hide();
    }
  });
});

任何建议将不胜感激。

问候。

Answer 1

        $(document).ready(function () {
            $('form').bind('click', function (event) {

                if ($(event.target).is(".panelWrapper, .panelWrapper *")) {
                    return;
                }

                var activeTooltip = Telerik.Web.UI.RadToolTip.getCurrent();
                if (activeTooltip && activeTooltip.isVisible()) {
                    activeTooltip.hide();
                }
            });
        });

Answer 2

试着做：

$('html').click(function() {
    var activeTooltip = Telerik.Web.UI.RadToolTip.getCurrent();
    activeTooltip.hide();
});

$('form').click(function(event){
    event.stopPropagation();
});

Answer 3

它不起作用的原因是因为您获得的方式

 var activeTooltip = Telerik.Web.UI.RadToolTip.getCurrent();

activeTooltip 是未定义的，所以你会得到一个错误：

TypeError: Cannot call method 'getCurrent' of undefined 

尝试以这种方式获取 activeTooltip ：

var activeTooltip = $find("<%=activeTooltip.ClientID%>");

如果您使用的是 chrome 或 safari 浏览器，请尝试在单击后转到控制台以查看是否有任何脚本错误。