0

我正在建立一个网站，其中包含工具提示，可在几秒钟不活动后提供有关做什么的建议。问题是，在某些情况下我不希望他们出现。

该网站有“弹出窗口”（只是更改 z-index 的 div 标签）。当这些标签“可见”时，我不想要工具提示。我可以对代码做些什么来检查 div 是否处于某个级别，或者插入一个命令以不运行工具提示代码...

我的工具提示脚本是

<!-- JavaScript function to show/hide prompts after innactivity-->
<script type="text/javascript">
  $(document).ready(function(){ 
  var interval = 1;
setInterval(function(){
   if(interval == 9){
       $("div.container_prompts_timeout").show(); 
       interval = 1; 
   }
   interval = interval+1;
    console.log(interval);
},1000);

$(document).bind('mousemove keypress', function() {
    $("div.container_prompts_timeout").hide();
    interval = 1; 
});
 });
</script>

我用来更改 z-index 的代码是：

<!--Code to change z-index of background divs-->
<script type="text/javascript">
function changeZIndex(i,id) {
  document.getElementById(id).style.zIndex=i;
}
</script>

非常感谢

4

2 回答 2

0

为什么不使用 div 的 display 属性来隐藏和显示它们。你可以检查它的状态。就像是

var my_div = getElementById("my_div");// or use your jQuery if you wish

function show() {
    my_div.style.display = "block";
}

function hide() {
    my_div.style.display = "none";
}

function is_shown() {
    if (my_div.style.display == "none") return 0;
    return 1; // use booleans if you wish, I prefer old school :)
}
于 2013-09-26T14:20:52.557 回答
0

你可以：

  • 在显示工具提示之前检查弹出窗口是否“可见”，或者
  • 当它们变得可见时取消间隔并在它们隐藏时重新启动它

就个人而言，我不会使用 z-index 来显示或隐藏事物。我会将它们的实际显示样式属性设置为“无”以隐藏它们。这将允许您在显示工具提示之前检查此属性，因为检查元素的 z-index 可能有点麻烦。

于 2013-09-26T14:21:13.033 回答