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浏览器，请在单击后尝试转到控制台看看是否有任何脚本错误。

使用jQuery隐藏RadTooltipManager

3 个答案: