JQury slideToggle blinkendes Problem und Lösung-js-Tutorial-php.cn

JQury slideToggle blinkendes Problem und Lösung

巴扎黑

Freigeben： 2017-06-29 11:50:38

Original

1635 Leute haben es durchsucht

Bei der Verwendung von slideToggle tritt häufig das Problem des Flackerns auf, wenn die Liste geschlossen wird. Im Allgemeinen tritt dieses Problem bei IE-Browser auf, während andere Browser wie Firefox nicht flackern.

1. Lösung
Konfigurieren Sie wie folgt
Wobei "http://www.w3.org/TR/html4/loose.dtd" erforderlich ist, falls vorhanden fehlt Es gibt immer noch ein Flackerproblem mit diesem Satz, und ich bin mir nicht sicher, warum genau.
Ich habe nachgesehen, und dieser Satz scheint Vorschriften zu beinhalten. Wenn jemand diesen Beitrag sieht und den Grund kennt, hinterlassen Sie bitte eine Nachricht, vielen Dank

2. Beispiel
[Das Folgende ist ein Beispiel]

Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<script type="text/
javascript
" src="js/jquery-1.6.2.min.js"> 
</script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$(".flip1").click(function(){ 
$(".panel").slideToggle("slow"); 
}); 
}); 
$(document).ready(function(){ 
$(".flip2").click(function(){ 
$(".pane2").slideToggle("slow"); 
}); 
}); 
</script> 
<style type="text/css"> 
p.panel,p.flip1,p.pane2,p.flip2 
{ 
margin:0px; 
padding:5px; 
text-align
:center; 
background
:#e5eecc; 
border:solid 1px #c3c3c3; 
width:150px; 
} 
p.panel,p.pane2 
{ 
display:none; 
} 
</style> 
</head> 
<body> 
<p class="flip1">基础数据</p> 
<p class="panel"> 
<p><a href="#">员工管理</a></p> 
<p><a href="#">角色管理</a></p> 
<p><a href="#">
权限管理
</a></p> 
</p> 
<p class="flip2">新闻管理</p> 
<p class="pane2"> 
<p><a href="#">查询新闻</a></p> 
<p><a href="#">添加新闻</a></p> 
</p> 
</body> 
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonJQury slideToggle blinkendes Problem und Lösung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!