div显示了一秒钟，并再次隐藏？

用户点击一个链接，然后div显示一秒钟，然后再次隐藏。我不知道我能做些什么来避免它再次隐藏。div显示了一秒钟，并再次隐藏？

PHP：

echo '<a href="?name='.$name.'&key='.$key.'" onclick="showDesc()">'.$name.'</a>';

JS：

document.getElementById("description").style.visibility="hidden"; 

function showDesc(){ 
    document.getElementById("description").style.visibility="visible"; 
}

来源

2017-08-27 Ben Faist

没有足够的信息，这里我们来帮助你找出导致问题的原因。请提供一个工作演示的链接，或者如果这不可能包括所有*相关*代码，以便我们可以帮助您找到问题。 – FluffyKitten

如果您的浏览器具有调试功能，它将以F12打开。或者安装像Firebug这样的调试器。打开调试器后，尝试点击链接。必须存在导致问题的错误或意外的事件绑定。使用浏览器调试器的DOM选择器选择超链接，并查看附加到超链接的事件（可能位于调试器窗口的右侧）。 – sribasu

您可以使用显示器？

隐藏：

document.getElementById("description").style.display = "none";

取消隐藏：

document.getElementById("description").style.display="block";

你可以发布你的HTML，所以我可以看到这个问题？

来源

2017-08-27 18:05:54

function showDesc(){ 
 
    $("#Div").fadeIn(); 
 
    setTimeout(function(){ $("#Div").fadeOut(); }, 2000); 
 
};

#Div{ 
 
    display:none; 
 
    font-size:20px; 
 
    margin-top:40px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="btn" onclick="showDesc();" href="#">click</a> 
 
<div id="Div" style="">Description</div>

来源

2017-08-27 18:06:02

你可以尝试这样的事：
HTML + CSS

#link,#desc{ 
     display:none; 
     font-size:24px;  
    } 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1jquery.min.js"></script> 
    <a id="link" href="#">click</a> 
    <div id="desc">content</div>

的Javascript

<script> 
    $(document).ready(function(){ 
     $("#link").click(function(e){ 
      e.preventDefault(); 
      $("#desc").fadeIn(); 
      setTimeout(function(){ $("#desc").fadeOut(); }, 1000); 
     }); 
    }); 
    </script>

来源

2017-08-27 18:35:38

div显示了一秒钟，并再次隐藏？

回答

相关问题