发生单击事件时隐藏工具提示

时间:2016-09-20 14:53:55

标签: javascript jquery onclick click

我已使用以下JavaScript为电子邮件收件箱设置了自动刷新功能:

setInterval(function () {
            document.getElementById("emailReload").click();
            }, 
        120000
);

但它也会触发出现在屏幕上的工具提示。为了防止我试图在点击事件中隐藏它:

    setInterval(function () {
        document.getElementById("emailReload").click(function() {
            $('div[id="opentip-5"]').css("visibility","hidden");
        });
        }, 
    120000
    );

但这并不像我预期的那样有效。

工具提示HTML代码如下所示:

<div id="opentip-5" class="opentip-container style-standard ot-fixed ot-show-effect-fade ot-hide-effect-fade stem-center stem-top ot-visible" style="position: absolute; width: 151px; left: 147px; top: 48px; z-index: 105; transition-duration: 0.2s; visibility: visible;">
<canvas width="153" height="40" style="position: absolute; width: 153px; height: 40px; left: -1px; top: -6px;"></canvas>
<div class="opentip">
   <div class="ot-header"></div>
   <div class="ot-content">Reload Message List</div>
</div>
</div>

有什么想法?

1 个答案:

答案 0 :(得分:0)

得到了解决

setInterval(function () {
  document.getElementById("emailReload").click();
  document.getElementById("opentip-5").setAttribute('style','visibility: hidden');
  }, 
  12000
);

看起来Rainloop不会仅仅使用纯JavaScript来使用jQuery。