Maison > Article > interface Web > Problème de clignotement JQury slideToggle et solution
Problème de clignotement JQury slideToggle et solution
- 巴扎黑original
- 2017-06-29 11:50:381573parcourir
Lors de l'utilisation de slideToggle, nous rencontrons souvent le problème de scintillement lorsque la liste est fermée. Généralement, le navigateur IE aura ce problème, et d'autres navigateurs tels que Firefox ne scintilleront pas.
1. Solution
Configurez 7758f75eaa8b2856d574fece07da8ebf sur la page comme suit98b4a04187af3f8d9c2852e86995f9a5
Où "http://www.w3.org/TR/html4/loose.dtd" est requis, si c'est le cas manquant Il y a toujours un problème de scintillement avec cette phrase, et je ne sais pas exactement pourquoi
J'ai vérifié, et cette phrase semble impliquer des réglementations. Si quelqu'un voit ce message et connaît la raison, merci de laisser un message, merci
2. Exemple
[Ce qui suit est un exemple]
<!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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!