Maison > interface Web > js tutoriel > Problème de clignotement JQury slideToggle et solution

Problème de clignotement JQury slideToggle et solution

巴扎黑
Libérer: 2017-06-29 11:50:38
original
1653 Les gens l'ont consulté

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 sur la page comme suit

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]

Le code est la suivante :

<!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>
Copier après la connexion


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal