Problème de clignotement JQury slideToggle et solution-js tutoriel-php.cn

Problème de clignotement JQury slideToggle et solution

巴扎黑

Libérer： 2017-06-29 11:50:38

original

1588 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!