suchen

Heim >Web-Frontend >js-Tutorial >JQury slideToggle blinkendes Problem und Lösung

JQury slideToggle blinkendes Problem und Lösung

巴扎黑
巴扎黑Original
2017-06-29 11:50:381655Durchsuche

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 7758f75eaa8b2856d574fece07da8ebf wie folgt
98b4a04187af3f8d9c2852e86995f9a5 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>


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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Der Unterschied zwischen Toggle und SlideToggle in JQueryNächster Artikel：Der Unterschied zwischen Toggle und SlideToggle in JQuery

In Verbindung stehende Artikel

Mehr sehen