Heim > Artikel > Web-Frontend > JQury slideToggle blinkendes Problem und Lösung
JQury slideToggle blinkendes Problem und Lösung
- 巴扎黑Original
- 2017-06-29 11:50:381573Durchsuche
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]
<!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!