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顯示了一秒鐘，並再次隱藏？

回答

相關問題